美文网首页
2018-09-17bootstrap基本的用法

2018-09-17bootstrap基本的用法

作者: ellacheng | 来源:发表于2018-09-17 22:31 被阅读0次

    <!– jQuery文件。务必在bootstrap.min.js 之前引入 –>
    Bootstrap的网格系统将屏幕划分为列 – 每行最多12个。

    按钮有各种颜色选项:
    btn-default为白色
    btn-primary为深蓝色
    btn-success为绿色
    btn-info为浅蓝色
    btn-warning为橙色
    btn-danger为红色

    各种尺寸:
    btn-lg用于大按钮
    btn-sm用于小按钮
    btn-xs用于超小的按钮
    还有一些辅助类的按钮可用:

    btn-block将使按钮跨越整个网格
    active将使按钮看起来像它当前点击
    disabled将使按钮无法单击并显示渐变色。

    bootstrap的优点是 :通过css3的媒体查询 小于768 768~992 992~1200 大于1200

    这里要特别提一下的就是BT的盒模型,BT强制把所有元素的盒模型都设置成了border-box

    类前缀使用是掌握栅格系统最重要的部分,类前缀分四个超小屏幕.col-xs-,小屏幕 平板.col-sm-,中等屏幕 桌面显示器>.col-md-以及大屏幕 大桌面显示器.col-lg-,以下代码即可实现不同屏幕呈现不同的显示方式:
    text-left,text-align

    缺点
    BT对IE6,7的兼容性肯定不好,对IE8的支持也需要一些额外的文件。
    可以快速搭建前端页面,还可以使用saas重新设计组件

    相关文章

      网友评论

          本文标题:2018-09-17bootstrap基本的用法

          本文链接:https://www.haomeiwen.com/subject/zzxjnftx.html