-
文本对齐 ，如： .text-justify查看全部
-
颜色强调，如: .text-muted查看全部
-
强调内容：<p class="lead> </p>查看全部
-
强调内容查看全部
-
bookstrap中的js插件依赖于jquery 因此jquery要在bookstrap之前引用查看全部
-
如果想让一个段落p突出显示，可以通过添加类名“.lead”实现，其作用就是增大文本字号，加粗文本，而且对行高和margin也做相应的处理。用法如下： <p>我是普通文本，我的样子长成这样我是普通文本，我的样子长成这样我是普通文本，</p> <p class="lead">我是特意要突出的文本，我的样子成这样。我是特意要突出的文本，我的样子长成这样。</p> 除此之外，Bootstrap还通过元素标签:<small>、<strong>、<em>和<cite>给文本做突出样式处理。查看全部
-
段落正文文本：1、全局文本字号为14px(font-size)。2、行高为1.42857143（line-height），大约是20px(大家看到一串的小数或许会有疑惑，其实他是通过LESS编译器计算出来的，当然Sass也有这样的功能)。3、颜色为深灰色（#333）；4、字体为"Helvetica Neue", Helvetica, Arial, sans-serif;（font-family），或许这样的字体对中文不合适，但在实际项目中，大家可根据自己的需求进行重置，在此我们不做过多阐述。该设置都定义在<body>元素上，由于这几个属性都是继承属性，所以Web页面中文本（包括段落p元素）如无重置都会具有这些样式效果。/*源码请查看bootstrap.css文件中第274行~280行*/ 另外在Bootstrap中，为了让段落p元素之间具有一定的间距，便于用户阅读文本，特意设置了p元素的margin值（默认情况之下，p元素具有一个上下外边距，并且保持一个行高的高度）： /*源码请查看bootstrap.css文件中第467行~469行*/ if你对CSS预处理器有了解，那完全可根据Bootstrap提供的预编译版本LESS(或Sass)进行自定义排版设置。在Bootstrap中，排版设置的默认值都存在variables.less文件中(Sass版本存在_variables.scss中)的两个变量： LESS版本：@font-size-base: 14px; @line-height-base: 1.428571429; // 20/14 Sass版本：$font-size-base: 14px !default; $line-height-base: 1.428571429 !default; // 20/14语句一设置字体大小语句二设置行高。系统默认用这两个值产生整个页面相应的margin、padding和line-height的值即你只要修改这两个变量的值后重新编译，就可自定义Bootstrap排版样式。查看全部
-
<h1>一级标题<small>副标题</small></h1> 一级标题：h1~h6 副标题：small 1、行高都是1，而且font-weight设置了normal变成了常规效果（不加粗），同时颜色被设置为灰色（#999）。 2、由于<small>内的文本字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%； 详细代码请参阅bootstrap.css文件中第407行~第443行。查看全部
-
Bootstrap和普通的HTML页面一样，定义标题都是使用标签<h1>到<h6>,只不过Bootstrap覆盖了其默认的样式，使用其在所有浏览器下显示的效果一样，具体定义的规则可以如下表所示： 通过比较可以发现，Bootstrap标题样式进行了以下显著的优化重置： 1、重新设置了margin-top和margin-bottom的值， h1~h3重置后的值都是20px；h4~h6重置后的值都是10px。 2、所有标题的行高都是1.1（也就是font-size的1.1倍）,而且文本颜色和字体都继承父元素的颜色和字体。 3、固定不同级别标题字体大小，h1=36px，h2=30px，h3=24px，h4=18px，h5=14px和h6=12px。 标题的具体运用非常简单，和我们平时运用是一样的，使用<h1>~<h6>标签，分别表示标题一至标题六，h 后面的数字越大，表示级别越小，文本也越小。来看一个简单的效果：右侧代码编辑器中的10-16行的代码。 在Bootstrap中为了让非标题元素和标题使用相同的样式，还特意定义了.h1~.h6六个类名。如右侧代码编辑器中 18-23行代码所示： 对比两个示例的效果图，可以说他们的效果是一模一样的。查看全部
-
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> rel 属性规定当前文档与被链接文档之间的关系。 通过外部样式表进行。 可以参考http://www.w3school.com.cn/tags/att_link_rel.asp查看全部
-
data-toggle:控制模态弹出窗的显示 值：modal data-target:用户自定义值， id/class data-backdrop :true \false\ static data-show: true \false href:url 路径查看全部
-
<small>标签来制作副标题查看全部
-
.btn-group-justified：等分按钮 使用a标记来构造按钮，button不行查看全部
-
.btn-group-vertical：垂直显示按钮组工具栏查看全部
-
1、用一个.btn-group把按钮和下拉菜单包裹住 2、把下拉菜单的.dropdown换成.btngroup查看全部
举报
0/150
提交
取消