Bootstrap well with different classes

Bootstrap Well

Default Well of Medium size

<div class='well'>Default Well of Medium size</div>

Small and large size well

small size, class='well well-sm'

Large Well, class='well well-lg'

Code is here
<div class='well well-sm'>small size, class='well well-sm'</div>
<div class='well well-lg'>Large Well, class='well well-lg'</div>

Default Well of Medium size

We can add our own background colour to the well. Let us create own style property like this. To change all wells used with class=well ( default )

<style>
.well {
  background: #f00000;
}
</style>

We can create some specific class with different background and then link to required well.

<style>
.my_bg-class{
background: #ffff80;
}
</style>

<div class="well my_bg-class">This well is class='well my_bg-class'</div>

Output is here

This well is class='well my_bg-class'

This article is written by plus2net.com team.

plus2net.com

Most Popular JQuery Scripts
1	Two dependant list boxes
2	Calendar with Date Selection
3	Data change by Slider
4	Show & Hide element