1. 取消原有panel.css 背景設定,責任交予css框架負責 css
.panel-header 背景css刪除 html
2. tools 下劃線控制,支持字符集圖標 bootstrap
.panel-tool a { display: inline-block; width: 16px; height: 16px; opacity: 0.6; filter: alpha(opacity=60); margin: 0 0 0 2px; vertical-align: top; text-decoration: none; }
3. bootstrap 的柵格系統因爲存在負的margin-left,在和css插件整合的時候,通常插件會計算寬度,這個時候出現負的margin 會致使滾動條出現 瀏覽器
採用DOM+CSS方案解決 框架
<div class="f-ysxn f-fill"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-4"> 123123 </div> <div class="col-md-8"> 123123 </div> </div> </div> </div> </div>
.f-ysxn{overflow-y: auto;overflow-x: hidden;} .f-fill{width: 100%;height: 100%}
4. bootstrap 中字體圖標在IE7中不支持,因此在有強力版本要求的時候使用圖標圖片代替,不過多能夠經過CSS設定解決,基本上我也能說服客戶使用IE8以上版本的瀏覽器,XP可升級,支持向下兼容模式。 字體