Why bootstrap/How to use bootstrap

优点

twitter 出品

首先,Bootstrap 出自 twitter,大厂出品,并且开源,自然久经考验,减少了测试的工作量。站在巨人的肩膀上,不重复造轮子。

Less Mixin

-webkit-border-radius: 10px;
    -moz-border-radius:10px;
        -border-radius:10px;
@include border-radius (10px);

Responsive 的栅格系统

响应式布局

丰富的组件

确实丰富

怎样使用BS

中文字体

默认是14px,对中文网页来说,显示的文字会有点虚。
手动调整font-size后会影响页面整体布局效果,这也是bs不好的地方,很多css会根据body的font-size进行计算。
尽量不要修改bootstrap的css文件

无法升级,或升级后手动修改的css全部失效,造成维护困难

慎用css继承覆盖,增加维护成本

尽量使用定制化的bootstrap 

减少size,节省流量  Custom

怕被 bootstrap 预设样式影响引起的问题

比如用div加class实现h1标签的效果来做排版,这样做很可能会产生怪问题

如果觉得预设样式不理想,建议定制bootstrap。

Responsive Web Design

bootstrap不等于RWD

不要盲目升级

b2算是勉强支持旧IE,盲目升级只会让自己做的事情更多(各种兼容性的plugins)

不适合美工参与修改

特指使用所见即所得类的工具修改,如Dreamweaver等

自定义的css套用bs的style命名方式

容易产生冲突,不光指升级时

缺点

预设样式

过于霸道,当然,可以定制...

class过多

html还是语义话的吗

冲突

和其他库的冲突

sass

less与sass的pk...

创新变困难

创新的重要性

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
评论

打赏作者

grapepaul

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值