bootstrap 常用类名/工具文章-->转自csdn-代吗

Bootstrap通过给标签赋予一个类名(class name),来生成对应类名的效果标签

网格选项

row :行

col--: 列 (第一个可以为xs[超小]/sm[小型]/md[中型]/lg[大型]第二个必须为12以内的[列数])

col--offset- :列偏移(第一个和上面一样,第二个范围是1到11,表示把该列的左外边距(margin)增加*列)

col---:列排序(第一个和上面一样,第二个可以为push[向右]/pull[向左],第三个范围是1到11[列数])

排版

small:内联子标题

lead:引导主体副本

text-:文本样式(号可以为
left[左对齐]/center[居中对齐]/right[右对齐]/muted[减弱文本]
/primary/success/info/warning/danger
/justify[自动换行]/nowrap[不换行]
/lowercase[小写]/uppercase[大写]/capitalize[首字母大写])

list-inline:列表置于同一行

表格

table:基本样式(只有横向分隔线)

table-:表格样式(可以为striped[添加条纹]/bordered[添加边框]/hover[启用悬停]/condensed[更加紧凑])

tr/th/td 有active/success/info/warning/danger来改变背景颜色

将任意的table放在table-responsive内,实现响应式表格

bootstrap里active/success/info/warning/danger对应的背景颜色
active/success/info/warning/danger对应颜色

表单

创建基本表单(垂直表单)的步骤
1.向父

元素添加 role="form"。

  1. 把标签和控件放在一个带有 class .form-group 的
    中。这是获取最佳间距所必需的。
  2. 向所有的文本元素