Flex UI Library (1.6.10)
User Interface Resources
Theme Components Miscellaneous
Exploratory Components
Miscellaneous
Feature Examples
Address Search Contact Management Mobile Price Range 1 Price Range 2 Responsive Hot Sheet Responsive Layout
Product Marketing
Licensed Photos - [new window] Screenshot Library
Tools & Reference
Debug Tips
Wells
Wells
Wells are used to give text an inset appearance
This is a standard well to display inset content.
This is a large well. It has more padding than a standard well.
This is a small well. It has less padding than a standard or large well.

<div class="c-container--canvas">
  <div class="row">
    <div class="col-sm-12">
      <div class="c-card">
        <div class="c-card__content">
          Wells are used to give text an inset appearance
          <div class="well">
            This is a standard well to display inset content.
          </div>

          <div class="well well-lg">
            This is a large well. It has more padding than a standard well.
          </div>

          <div class="well well-sm">
            This is a small well. It has less padding than a standard or large
            well.
          </div>
        </div>
      </div>
    </div>
  </div>
</div>