【前端笔记】☞ Bootstrap

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>

    图片 2

  字体图标:

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

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

    图片 3

  扩展:

  /*字体抗锯齿属性:抗锯齿很好(对字体举行抗锯齿渲染可以使字体看起来会更显著舒适)*/

  -webkit-font-smoothing: antialiased;

 

相关文章