summaryrefslogtreecommitdiffstats
path: root/POLICY-SDK-APP/src/main/webapp/app/policyApp/CSS/bootstrap/docs/_includes/components/wells.html
blob: e502f2b3c5344430ecc2325afed087bdaed7229f (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<div class="bs-docs-section">
  <h1 id="wells" class="page-header">Wells</h1>

  <h2>Default well</h2>
  <p>Use the well as a simple effect on an element to give it an inset effect.</p>
  <div class="bs-example" data-example-id="default-well">
    <div class="well">
      Look, I'm in a well!
    </div>
  </div>
{% highlight html %}
<div class="well">...</div>
{% endhighlight %}
  <h2>Optional classes</h2>
  <p>Control padding and rounded corners with two optional modifier classes.</p>
  <div class="bs-example" data-example-id="large-well">
    <div class="well well-lg">
      Look, I'm in a large well!
    </div>
  </div>
{% highlight html %}
<div class="well well-lg">...</div>
{% endhighlight %}

  <div class="bs-example" data-example-id="small-well">
    <div class="well well-sm">
      Look, I'm in a small well!
    </div>
  </div>
{% highlight html %}
<div class="well well-sm">...</div>
{% endhighlight %}
</div>