CSS使用——使用bootstrap3作出漂亮的网页 part2

书接上回http://jianshu.io/p/a959bb6016af

按钮元素

全局 CSS 样式 · Bootstrap 中文文档.png

代码

Default


Primary


Success


Info


Warning


Danger


Link

按钮的大小

全局 CSS 样式 · Bootstrap 中文文档.png

  Large button
  Large button


  Default button
  Default button


  Small button
  Small button


  Extra small button
  Extra small button

按钮类
为 <、a>、 或 元素应用按钮类。

Link

Button

图片

响应式图片
在 Bootstrap 版本 3 中，通过为图片添加 .img-responsive 类可以让图片支持响应式布局。其实质是为图片设置了 max-width: 100%; 和 height: auto; 属性，从而让图片在其父元素中更好的缩放。

图片形状

分别对应圆角 圆形和方形的图片

其他比较有意思的类

文字颜色

全局 CSS 样式 · Bootstrap 中文文档.png

...
...
...
...
...
...

文字背景

全局 CSS 样式 · Bootstrap 中文文档.png

...
...
...
...
...

让块剧中

...

除了CSS之外，想要让页面更漂亮需要更多的js的帮助
相关内容可参见jquery系列内容