Bootstrap引导

Bootstrap 是一个用以快速开 Web 应用程序和网站的前端框架。Bootstrap
是冲 HTML、CSS、JAVASCRIPT 的。

  • 自 Bootstrap 3 起,框架包含了由上至下为一体库底走装备优先的体。
  • 浏览器支持:所有的主流浏览器还支持 Bootstrap。

        

  • 轻达成亲手:只要您抱有 HTML 和 CSS 的基础知识,您便好开攻读
    Bootstrap。

  • 响应式设计:Bootstrap 的响应式 CSS
    能够起适应被台式机、平板计算机与手机。

Bootstrap 用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif
作为那个默认的字体栈。

运 Bootstrap 的排版特性,可以创建标题、段落、列表及另外内联元素。

内联子标题

倘若要为另外标题添加一个内联子标题,只待简单地于要素两旁添加
<small>,或者添加 .small class,这样子您就能够获一个字号更小的颜料更浅之公文,如下面实例所示:

实例

<h1>我是标题1
h1. <small>我是可标题1
h1</small></h1><h2>我是标题2
h2. <small>我是吻合标题2
h2</small></h2><h3>我是标题3
h3. <small>我是相符标题3
h3</small></h3><h4>我是标题4
h4. <small>我是抱标题4
h4</small></h4><h5>我是标题5
h5. <small>我是顺应标题5
h5</small></h5><h6>我是标题6
h6. <small>我是切合标题6
h6</small></h6>

 

 

 

 

<divclass=”container”><divclass=”jumbotron”><h1>我的第一只
Bootstrap 页面</h1><p>重置窗口大小,查看响应式效果!</p></div><divclass=”row”><divclass=”col-sm-4″><h3>Column
1</h3><p>学的不单是技术,更是希望!</p><p>再牛逼的企盼,也相当于不停歇你傻逼似的坚持!</p></div><divclass=”col-sm-4″><h3>Column
2</h3><p>学的不仅仅是技巧,更是希望!</p><p>再牛逼的盼望,也等不鸣金收兵公傻逼似的坚持!</p></div><divclass=”col-sm-4″><h3>Column
3</h3><p>学的不仅是技巧,更是但愿!</p><p>再牛逼的企,也相当不停歇公傻逼似的坚持!</p></div></div></div>

相关文章