java bootstrap框架_Bootstrap框架常用总结

Bootstrap框架常用标签：

标题标签：

-

bootstrap中也设置的相同的样式  - 若要使用 必须使用空标签来定义 比如

文本排版 ：

bootstrap中对于文本的排版重新做了优化和定义。。

咕咕咕 用这个标签修饰  “咕咕咕” 这个文字会稍微有些字体背景变黄。

咕咕咕 用这个标签修饰  “咕咕咕” 这个文字以删除线的方式显示。

咕咕咕 咕咕咕  这个标签修饰会显示文字下划线

咕咕咕 使文字变小

bootstrap中对文本进行对齐：

咕咕咕

  文本向左对齐

咕咕咕

  文本居中对齐

咕咕咕

  文本向右对齐

bootstrap对字母进行大小写规范：

  所有字母全部小写

所有字母小写

首字母大写

From WWF's website文字变小并且颜色浅

ctrl + p  变成黑色

文字变红,

.font-weight-bold

加粗文本

.font-weight-normal

普通文本

.font-weight-light

更细的文本

.font-italic

斜体文本

.lead

让段落更突出

.small

指定更小文本 (为父元素的 85% )

.text-left

左对齐

.text-center

居中

.text-right

右对齐

.text-justify

设定文本对齐,段落中超出屏幕部分文字自动换行

.text-nowrap

段落中超出屏幕部分不换行

.text-lowercase

设定文本小写

.text-uppercase

设定文本大写

.text-capitalize

设定单词首字母大写

.initialism

显示在 元素中的文本以小号字体展示，且可以将小写字母转换为大写字母

.list-unstyled

移除默认的列表样式，列表项中左对齐 (

• 和

1. 中)。 这个类仅适用于直接子列表项 (如果需要移除嵌套的列表项，你需要在嵌套的列表中使用该样式)

.list-inline

将所有列表项放置同一行

.pre-scrollable

使

 元素可滚动，代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条

表格样式修改 

以下是对table标签的class进行修饰 Bootstrap中的表格：

.table-bordered 带边框

.table-striped 条纹

.table-hover 悬停变色

.table-condensed 紧凑

颜色：

详情请看：http://www.runoob.com/bootstrap4/bootstrap4-colors.html