POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/wells.html

   1 <div class="bs-docs-section">
   2   <h1 id="wells" class="page-header">Wells</h1>
   3
   4   <h2>Default well</h2>
   5   <p>Use the well as a simple effect on an element to give it an inset effect.</p>
   6   <div class="bs-example" data-example-id="default-well">
   7     <div class="well">
   8       Look, I'm in a well!
   9     </div>
  10   </div>
  11 {% highlight html %}
  12 <div class="well">...</div>
  13 {% endhighlight %}
  14   <h2>Optional classes</h2>
  15   <p>Control padding and rounded corners with two optional modifier classes.</p>
  16   <div class="bs-example" data-example-id="large-well">
  17     <div class="well well-lg">
  18       Look, I'm in a large well!
  19     </div>
  20   </div>
  21 {% highlight html %}
  22 <div class="well well-lg">...</div>
  23 {% endhighlight %}
  24
  25   <div class="bs-example" data-example-id="small-well">
  26     <div class="well well-sm">
  27       Look, I'm in a small well!
  28     </div>
  29   </div>
  30 {% highlight html %}
  31 <div class="well well-sm">...</div>
  32 {% endhighlight %}
  33 </div>