## Well
**默認樣式**
Well是一種會引起內容凹陷或插圖效果的容器div，只需要簡單地把內容放在帶有class well的div中即可。效果如下：
```html
<div class="well">
把 Well 用在元素上，就能有嵌入（inset）的簡單效果。
</div>
```
*****
**尺寸大小**
可以使用可選類well-lg 或well-sm來改變Well的尺寸大小，也就是通過容器的內邊距來改變大小。效果如下：
```html
<div class="well well-lg">
把 Well 用在元素上，就能有嵌入（inset）的簡單效果。
</div>
<div class="well well-sm">
把 Well 用在元素上，就能有嵌入（inset）的簡單效果。
</div>
```
- 第一章 . bootstrap介紹
- 第二章 . 全局CSS樣式
- 1、總體注意事項
- 2、柵格系統
- 3、排版
- 4、代碼
- 5、表格
- 6、表單
- 7、 按鈕
- 8、 圖片
- 9、輔助類
- 10、響應式工具
- 第三章 . bootstrap相關CSS應用
- 1、CSS媒體查詢 @media
- 2、px,em,rem之間的關系和換算方式
- 第四章 . 組件
- 1、Glyphicons 字體圖標
- 2、下拉菜單
- 3、按鈕組
- 4、按鈕式下拉菜單
- 5、輸入框組
- 6、導航
- 7、導航條
- 8、路徑導航
- 9、分頁
- 10、標簽
- 11、徽章
- 12、巨幕
- 13、頁頭
- 14、縮略圖
- 15、警告框
- 16、進度條
- 17、媒體對象
- 18、列表組
- 19、面版
- 20、Well
- 第五章 . JavaScript 插件
- 1、JavaScript 插件引入前提
- 2、過渡效果 (transition.js)
- 3、模態框 （modal.js）
- 4、下拉菜單 （dropdown.js）
- 5、滾動監聽 （scrollspy.js）
- 6、可切換標簽 （tab.js）
- 7、工具提示 （tooltip.js）
- 8、彈出框 （popover.js）
- 9、警告信息 （alert.js）
- 10、按鈕 （button.js）
- 11、折疊插件（collapse.js）
- 12、輪播插件（carousel.js）
- 13、Affix插件（affix.js）