bootstrap一些常用样式

1、靠右对齐:  只需要添加样式类pull-right即可!

   回到页面顶部:只需添加href="#top"即可!

2、<pre></pre>和其类.pre-scrollable(整块突出和设置滚动条)
   <pre>元素一般用于显示大块的代码,并保证原有格式不变。但有时候代码太多,而且不想让其占有太大的页面篇幅,就想控制代码块的大小。Bootstrap也考虑到这一点,你只需要在pre标签上添加类名“.pre-scrollable”,就可以控制代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条。

3、强调文章里的某个字眼:<code>btn</code>

4、有时候我们需要将表单的控件都在一行内显示,在Bootstrap框架中实现这样的表单效果是轻而易举的,你只需要添加类名“form-inline”即可。

5、文本强调样式:

  • .text-muted:提示,使用浅灰色(#999)
  • .text-primary:主要,使用蓝色(#428bca)
  • .text-success:成功,使用浅绿色(#3c763d)
  • .text-info:通知信息,使用浅蓝色(#31708f)
  • .text-warning:警告,使用黄色(#8a6d3b)
  • .text-danger:危险,使用褐色(##a94442)
posted @ 2014-12-09 22:42  第九剑  阅读(1502)  评论(0编辑  收藏  举报