-
基础面板看上去太简单了，Bootstrap为了丰富面板的功能，特意为面板增加“面板头部”和“页面尾部”的效果：
panel-heading：用来设置面板头部样式
panel-footer：用来设置面板尾部样式
查看全部 -
第一次查看全部
-
b,strong(加粗字体)
i.em(斜字体)
查看全部 -
<ul class="nav nav-tabs">
<li class="active"><a href="##">商品介绍</a></li>
<li><a href="##">规格参数</a></li>
<li><a href="##">售后保障</a></li>
</ul>
查看全部 -
saddsafadsfds查看全部
-
<ul class="list-inline">
<li>
城市：
<ul class="list-inline">
<li>北京</li>
<li>上海</li>
<li>南京</li>
<li>厦门</li>
</ul>
</li>
</ul>
查看全部 -
<ol>
<li>有序项目列表一</li>
<li>有序项目列表二</li>
<ol class="list-unstyled">
<li>有序二级项目列表一</li>
<li>有序二级项目列表二</li>
<ul>
<li>无序三级项目列表一</li>
<li>无序三级项目列表二</li>
<ul class="list-unstyled">
<li>无序四级项目列表一</li>
<li>无序四级项目列表二</li>
</ul>
<li>无序三级项目列表三</li>
</ul>
<li>有序二级项目列表三</li>
</ol>
<li>有序项目列表三</li>
</ol>
查看全部 -
自适应导航指的是导航占据容器全部宽度，而且菜单项可以像表格的单元格一样自适应宽度。自适应导航和前面使用“btn-group-justified”制作的自适应按钮组是一样的。只不过在制作自适应导航时更换了另一个类名“nav-justified”。当然他需要和“nav-tabs”或者“nav-pills”配合在一起使用。如：
查看全部 -
table-responsive 附在上一级标签（此处为div）才有用，放在table-bordered后面没用 要添加一个移动端支持. <meta name="viewport" content="width=device-width, initial-scale=1"> table(基础) bordered（边框） hover（悬停） striped(斑纹) condensed（紧凑） responsive（响应）查看全部
-
“.table”主要有三个作用： 给表格设置了margin-bottom:20px以及设置单元内距 在thead底部设置了一个2px的浅灰实线 每个单元格顶部设置了一个1px的浅灰实线查看全部
-
响应式对不同的端，比如pc端，移动端，phone或者平板，会有不同的显示。 普通的html在移动端上不能缩放，响应式能够随着屏幕大小改变。 ☑ .table：基础表格 ☑ .table-striped：斑马线表格 ☑ .table-bordered：带边框的表格 ☑ .table-hover：鼠标悬停高亮的表格 ☑ .table-condensed：紧凑型表格 ☑ .table-responsive：响应式表格查看全部
-
不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。 在使用代码时，用户可以根据具体的需求来使用不同的类型： 1、<code>：一般是针对于单个单词或单个句子的代码 2、<pre>：一般是针对于多行代码（也就是成块的代码） 3、<kbd>:一般是表示用户要通过键盘输入的内容查看全部
-
这个查看全部
-
导航总结： 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才有效果。查看全部
-
css放入head中，js放在body中查看全部
举报