玩转Bootstrap（基础）_技术问答

首页免费课玩转Bootstrap（基础）问答

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

                    查看讲师更多课程 
                    大漠讲师的其他课程
                
Sass进阶篇
中级·46637
免费课程
                                
Sass入门篇
中级·104422
免费课程
                                
玩转Bootstrap（JS插件篇）
中级·128657
免费课程
                                
十天精通CSS3
初级·242715
免费课程
                                
                难度初级
            
                时长10小时 0分
            
                学习人数
            
综合评分9.53
                            686人评价
                        查看评价
                                9.8
                                内容实用
                            
                                9.4
                                简洁易懂
                            
                                9.4
                                逻辑清晰

全部评论问答未解决精华

tkingv

其实国内用户很多都用360、QQ之类的浏览器了，默认chrome核心，大家都不要去兼容IE，让国内用户赶紧放弃掉IE至少用个360

67 1-4 基本的HTML模板

2015-10-14

吐泡泡的瓶子

在Bootstrap中，对于基础表格是通过类名“.table”来控制。如果在<table>元素中不添加任何类名，表格是无任何样式效果的。想得到基础表格，我们只需要在<table>元素上添加“.table”类名，就可以得到Bootstrap的基础表格：
“.table”主要有三个作用：

☑ 给表格设置了margin-bottom:20px以及设置单元内距

☑ 在thead底部设置了一个2px的浅灰实线

☑ 每个单元格顶部设置了一个1px的浅灰实线

1 2-19 表格--基础表格

2015-10-13

吐泡泡的瓶子

1.active:表示当前活动的信息：灰色

2.success：表示成功或正确的行为：绿色

3.info：表示中立的信息：蓝色

4.warning:表示警告的信息：黄色

5.danger：表述危险的信息：红色

注意：以上类行为从上到下级别越来越高，当几个类型为在一起时，级别高的会覆盖级别低的行为
除了”.active”之外，其他四个类名和”.table-hover”配合使用时，Bootstrap针对这几种样式也做了相应的悬浮状态的样式设置，所以如果需要给tr元素添加其他颜色样式时，在”.table-hover”表格中也要做相应的调整。

0 2-18 表格--表格行的类

2015-10-13

吐泡泡的瓶子

☑ .table：基础表格

☑ .table-striped：斑马线表格

☑ .table-bordered：带边框的表格

☑ .table-hover：鼠标悬停高亮的表格

☑ .table-condensed：紧凑型表格

☑ .table-responsive：响应式表格

0 2-17 表格

2015-10-13

萌青蛙

tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true"

0 8-5 模态弹出框--实现原理解析（一）

2015-10-12

萌青蛙

需要先引入js文件才能编写JavaScript代码，否则$不能识别

0 8-1 导入JavaScript插件

2015-10-12

慕莱坞2449910

给ul添加pager,结构ul,li.a

0 6-10 分页导航（翻页分页导航）

2015-10-12

Tobey_滔

0 2-14 列表--水平定义列表

2015-10-11

Tobey_滔

<dl>
<dd>北京</dd>
<dd>北京是中国的首都,是政治文化集中地</dd>
<dd>上海</dd>
<dd>上海号称东方的巴黎</dd>
</dl>

0 2-13 列表--定义列表

2015-10-11

Tobey_滔

1 2-12 列表--内联列表

2015-10-11

Tobey_滔

<ol>
<li>有序项目列表一</li>
<li>有序项目列表二
<ol class="list-unstyled">
<li>有序二级项目列表一</li>
<li>有序二级项目列表二
<ul>
<li>无序三级项目列表一</li>
<li>无序三级项目列表二
<ul class="list-unstyled">
<li>无序四级项目列表一</li>
<li>无序四级项目列表二</li>
</ul>
</li>
<li>无序三级项目列表三</li>
</ul>
</li>
<li>有序二级项目列表三</li>
</ol>
</li>
<li>有序项目列表三</li>
</ol>

0 2-11 列表--去点列表

2015-10-11