Analysis of Bootstrap well.less

So

Embedded simple effects
WELL-LG: A wide range of situations
WELL-SM: A small range of circumstances
well.less Analysis of a medium-range situation

Use padding and Boder-radius to control the size of LG and SM

. It's {
  min-height:20px;
  padding:19px;
  margin-bottom:20px;
  Background-color: @well-bg;
  border:1px solid @well-border;
  Border-radius: @border-radius-base;
  Box-shadow (inset 0 1px 1px rgba (0,0,0,.05));
  blockquote {
    border-color: #ddd;
    Border-color:rgba (0,0,0,.15);
  }

Sizes
. well-lg {
  padding:24px;
  Border-radius: @border-radius-large;
}
. WELL-SM {
  padding:9px;
  Border-radius: @border-radius-small;
}

Variables.less the related variables are defined
@well-BG:                     #f5f5f5;
@well-border:                 Darken (@well-bg, 7%);

Box-shadow Property

Add a shadowed property to the.

Http://www.runoob.com/cssref/css3-pr-box-shadow.html

Inset: Changes shadow inside Shadow from Outer shadow (start)
corresponding to the. Box-showdow function under Mixins-> vendor-prefixes.less

Grammar:

Box-shadow:h-shadow v-shadow blur spread color inset;

H-shadow: Horizontal distance of Shadow
V-shadow: The vertical distance of the shadow
Blur: Fuzzy degree
Spread: The size of the shadow
Color: The Colors of shadows
Inset: From outside to Inside (default is from inside to outside) blockquote

Defines the style of the. blockquote

    <div class= "OK" >
      <blockquote>look, I ' m in a well!</blockquote>
    </div>

Darken ()

Less function to deepen the color
http://lesscss.org/functions/#color-operations-darken