-
段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式（这里所说的文本是指正文文本）： 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里的表格必须有thead,tbody的查看全部
-
响应式表格可以根据设备屏幕大小，出不同样式，当屏幕小于768，并且内容过多时，会出现横向滚动条查看全部
-
副标题 1.行高都是1，而且font-weight设置了normal编程了常规效果（不加粗），同时颜色被设置成为灰色（#999）。 2.由于<small>内的文字字体在h1-h3内，其大小都是设置为当前字体号的65%；而在h4-h6内的字号都设置为当前的字号75%；查看全部
-
bootstrap标题样式进行了优化 1.重新设置了margin-top和margin-bottom的值，h1-h3重置后的值都是20px,h4-h6重置后都是10px。 2.所有标题的行高都是1.1（也就是font-size的1.1倍），而且文本颜色和字体都继承父元素的颜色和字体。 3.固定不同击毙诶字体大小，h1=36，h2=50px，h3=24px,h4=18px,h5=34px和h6=12px。查看全部
-
不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。查看全部
-
<pre>内代码行原先排版是怎样就是怎么样查看全部
-
那么在Bootstrap框架中特意将这样的效果提取出来成为一个标签组件，并且以“.label”样式来实现高亮显示。查看全部
-
在实际使用中，翻页分页导航和带页码的分页导航类似，为ul标签加入pager类： <ul class="pager"> <li><a href="#">«上一页</a></li> <li><a href="#">下一页»</a></li> </ul>查看全部
-
反色导航条其实是Bootstrap框架为大家提供的第二种风格的导航条，与默认的导航条相比，使用方法并无区别，只是将navbar-deafult类名换成navbar-inverse。其变化只是导航条的背景色和文本做了修改。查看全部
-
☑ .navbar-fixed-top：导航条固定在浏览器窗口顶部 ☑ .navbar-fixed-bottom：导航条固定在浏览器窗口底部查看全部
-
Bootstrap框架在这一部分做了一定的变更，不再一味追求归零，而是更注重重置可能产生问题的样式（如，body,form的margin等），保留和坚持部分浏览器的基础样式，解决部分潜在的问题，提升一些细节的体验，具体说明如下： 移除body的margin声明 设置body的背景色为白色 为排版设置了基本的字体、字号和行高 设置全局链接颜色，且当链接处于悬浮“:hover”状态时才会显示下划线样式查看全部
-
bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。<br> <br> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script><br> 同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码：<br> <br> <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1">更好的适配浏览器。 <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->查看全部
-
面包屑(Breadcrumb)一般用于导航，主要是起的作用是告诉用户现在所处页面的位置（当前位置）。在Bootstrap框架中面包屑也是一个独立模块组件查看全部
-
自适应导航指的是导航占据容器全部宽度，而且菜单项可以像表格的单元格一样自适应宽度。自适应导航和前面使用“btn-group-justified”制作的自适应按钮组是一样的。只不过在制作自适应导航时更换了另一个类名“nav-justified”。当然他需要和“nav-tabs”或者“nav-pills”配合在一起使用。查看全部
举报
0/150
提交
取消