BootstrapBootstrap

Bootstrap 是一个用于飞快支付 Web 应用程序和网站的前端框架。Bootstrap
是遵照 HTML、CSS、JAVASCRIPT 的。

  • 自 Bootstrap 3 起,框架包含了由上至下于整个库的活动设备优先的体裁。
  • 浏览器辅助:所有的主流浏览器都协理 Bootstrap。

    Bootstrap 1 Bootstrap 2 Bootstrap 3 Bootstrap 4 Bootstrap 5

  • 容易上手:只要你抱有 HTML 和 CSS 的基础知识,您就足以发轫读书
    Bootstrap。

  • 响应式设计:Bootstrap 的响应式 CSS
    可以自适应于台式机、三星GALAXY Tab和手机。

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>

相关文章