-
badge --导航徽章查看全部
-
pagination 带页码导航查看全部
-
» --》查看全部
-
pager 翻页导航查看全部
-
navbar-inverse 反色导航条查看全部
-
.text-muted：提示，使用浅灰色（#999） .text-primary：主要，使用蓝色（#428bca） .text-success：成功，使用浅绿色(#3c763d) .text-info：通知信息，使用浅蓝色（#31708f） .text-warning：警告，使用黄色（#8a6d3b） .text-danger：危险，使用褐色（#a94442）查看全部
-
1.导航.nav无默认样式。导航基本样式只有.nav-tabs,.nav-pills,需和.nav同时使用。float：left 2.垂直导航：.nav-stacked.float:none; 3.自适应导航：.nav-justified. ".nav-justified>li{display:tabled-cell};ul{width:100%;}" 4.导航分割线：.nav-divider 5.li.active,li.disabled需li>a，样式作用于a。 6.面包屑导航：ul.breadcrumb,li.active里无a才有效果。查看全部
-
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) {/*大中型浏览器字体稍大*/ .lead { font-size: 21px; } } .lead类名让p段落突出显示查看全部
-
<p>内的全文本字号为14px，line-heigh：20px；color：#333；字体为"Helvetica Neue", Helvetica, Arial, sans-serif;（font-family）也可以设置成微软雅黑查看全部
-
<div class="navbar-header"> <!-- .navbar-toggle样式用于toggle收缩的内容，即nav-collapse collapse样式所在元素 --> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse"> <span class="sr-only">Toggle Navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- 确保无论是宽屏还是窄屏，navbar-brand都显示 --> <a href="##" class="navbar-brand">慕课网</a> </div>查看全部
-
<small>内的文本字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%；查看全部
-
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>查看全部
-
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 后面的数字越大，表示级别越小，文本也越小。 在Bootstrap中为了让非标题元素和标题使用相同的样式，还特意定义了.h1~.h6六个类名。查看全部
-
navbar navbar-default navbar-fixed-bottom 导航在浏览器底部查看全部
-
“@media (min-width:768px){…}”表示自适应导航仅在浏览器视窗宽度大于768px才能按上图风格显示查看全部
举报
0/150
提交
取消