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可升级,支持向下兼容模式。 字体