按鈕

1、基本類.btn

{display/padding/margin-bottom/font-size/border-radius/border}

作用于< a:role:button >? <button>? <input:button>? <input:submit>

2、預定義樣式.btn-default? .btn-primary? .btn-success? .btn-info? .btn-warning? .btn-danger? .btn-link? {color/background-color/border-color}

3、尺寸? .btn-lg? .btn-md? .btn-sm? .btn-xs? {padding/font-size/line-height/border-radius}? .btn-block? {display/width}

4、激活狀態? .active? {background-color/border-color/box-shadow}

5、禁用狀態? disabled屬性/.disabled? {cursor/opcity}

?

圖片

1、響應式? .img-responsive? {max-width/height/display}

2、居中? .center-block? {display/margin-left/margin-right}

3、形狀? .img-rounded? .img-circle ?{border-radius}? .img-thumbnail ?{display/padding/background/border/border-radius}

轉載于:https://www.cnblogs.com/bsj2016/p/5416398.html

總結

以上是生活随笔為你收集整理的[Bootstrap]全局样式（四）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。