mirror of
https://github.com/mdbootstrap/mdb-ui-kit.git
synced 2024-11-14 21:57:12 +03:00
34 lines
931 B
HTML
34 lines
931 B
HTML
|
<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>
|