JustBusiness - Luxury Services
22/12/24

MiscellaneousTwitter Bootstrap Based

Wells

Use the well as a simple effect on an element to give it an inset effect.

Look, I’m in a well!
  1. <div class="well">
  2. ...
  3. </div>

Optional classes

Control padding and rounded corners with two optional modifier classes.

Look, I’m in a well!
  1. <div class="well well-large">
  2. ...
  3. </div>
Look, I’m in a well!
  1. <div class="well well-small">
  2. ...
  3. </div>

Close icon

Use the generic close icon for dismissing content like modals and alerts.

  1. <button class="close">&times;</button>

iOS devices require an href="#" for click events if you would rather use an anchor.

  1. <a class="close" href="#">&times;</a>

Helper classes

Simple, focused classes for small display or behavior tweaks.

.pull-left

Float an element left

  1. class="pull-left"
  1. .pull-left {
  2. float: left;
  3. }

.pull-right

Float an element right

  1. class="pull-right"
  1. .pull-right {
  2. float: right;
  3. }

.muted

Change an element’s color to #999

  1. class="muted"
  1. .muted {
  2. color: #999;
  3. }

.clearfix

Clear the float on any element

  1. class="clearfix"
  1. .clearfix {
  2. *zoom: 1;
  3. &:before,
  4. &:after {
  5. display: table;
  6. content: "";
  7. }
  8. &:after {
  9. clear: both;
  10. }
  11. }