bootstrap框架学习笔记

前端开发 5306 Views 0 Comments

bootstrap框架学习笔记

一. 在.spanN(N为1-12的整数)的标签内加.offsetN(N为1-12的整数)可以使标签左边距(margin-left)增加 .spanN(N为1-12的整数)的距离。

二. .row以不同的固定宽度定位,而.row-fluid以百分比定位。

三. .muted可以使标签背景颜色为灰色(#999999)。

四. 文本可以添加以下class改变样式:

.text-left 左对齐
.text-center 中对齐
.text-right 右对齐
.text-warning warning字体颜色
.text-error error字体颜色
.text-info info字体颜色
.text-success success字体颜色

五. dl可以加.dl-horizontal使dt和dd横排

六. table可以加以下class改变样式

.table-bordered 添加边框
.table-hover 悬浮有背景色
.table-striped 隔行有背景色区分
.table-condensed 缩小行距

七. checkbox和radio可以加.inline使其在一行内显示,效果如下:
bootstrap框架学习笔记
八. form加.form-inline可以使元素行内对齐
九. .controls也可以加.controls-row达到跟.row一样的效果

<div class="controls controls-row">
<input type="text" class="span2" />
<input type="text" class="span4" />
<input type="text" class="span6" />
</div>

转载请注明:一只羊博客 » bootstrap框架学习笔记

分享到:
(0)

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址