Bootstrap【前端笔记】☞ Bootstrap

Bootstrap框架:

  里面封装了众组件、字体图标、和标签常用的片段样式。我们一直运用即可。

  • 下载地址: http://www.bootcss.com/
  • 确保下载地址(用于生产条件之
    Bootstrap):https://github.com/twbs/bootstrap/releases/download/v3.3.7/bootstrap-3.3.7-dist.zip

  框架目录:  

Bootstrap 1

  bootstrap.css  开发阶段用是。

  bootstrap.min.css 上线用这个。(内存小一点)

  bootstrap.min.css 和  bootstrap.css 的职能是同样的,bootstrap.min.css主要是来星星点点只意:

    (1)减多少空间大小;

    (2)代码混淆(目的是无吃别人窃取而的代码。即使反编译了为扣不亮。如:把变量名用a、b、c来表示…,减多少可读性)。

   

  组件的利用上参考:http://v3.bootcss.com/components/

    <!–使用 btn btn-success 样式–>

    <button class=”btn btn-success”>百度时而</button>

    <!–以 btn btn-success 样式的基础及展开二次开发–>

    <button class=”btn btn-success” style=”width: 100px”>百度瞬间</button>

    Bootstrap 2

  字体图标:

    <!–字体Bootstrap图标样式:glyphicon glyphicon-heart–>

    <div
class=”glyphicon glyphicon-heart”
style=”font-size: 100px; color: #2aabd2″></div>

    Bootstrap 3

  扩展:

  /*字抗锯齿属性:抗锯齿很好(对字体进行抗锯齿渲染可以要字体看起会还清楚舒适)*/

  -webkit-font-smoothing: antialiased;

 

相关文章