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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

dingyunhong

bootstrap为行元素添加了5中类行为
1.active:表示当前活动的信息：灰色
2.success：表示成功或正确的行为：绿色
3.info：表示中立的信息：蓝色
4.warning:表示警告的信息：黄色
5.danger：表述危险的信息：红色

注意：以上类行为从上到下级别越来越高，当几个类型为在一起时，级别高的会覆盖级别低的行为

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

2015-09-02

牛奶汉堡包

.table-responsive > .table 响应式表格

0 2-24 表格--响应式表格

2015-09-02

dingyunhong

1 .table:基础表格
2 .table-striped:斑马线表格
3 .table-bordered:带边框的表格
4 .table-hover:鼠标悬停高亮的表格
5 .table-condensed:紧凑型表格
6 .table-responsive:响应式表格
7 可以多个样式的表格放在一起使用，功能叠加

0 2-17 表格

2015-09-02

Dr_Shang

_(:з」∠)_

0 3-9 表单控件(按钮)

2015-09-01

前端小王

老师的声音我也是醉了哈哈

1 1-1 Bootstrap简介

2015-08-31

下拉菜单问题

已采纳回答 / JL_Android

或许是jquery.js的版本低了换用线上的cdn 把版本号改为2.0.1试试或者直接下载高版本的js到本地

5 回答 1179 浏览 5-3 下拉菜单（下拉分隔线）

2015-08-31

Biao_0911

可关闭的不是alert-dismissable 而是alert-dismissible

1 7-3 警示框

2015-08-31

耒阳七年

真不错，学到了很多。

0 1-1 Bootstrap简介

2015-08-30

前端刘

我都是直接写col-xs-，毕竟学bootstrap就是为了做自适应来的。

0 4-5 列排序

2015-08-29

996木马

66666

0 1-1 Bootstrap简介

2015-08-29

ladyhhf

改版之后感觉没之前的用户体验好了点击一下节好繁琐

2015-08-28

parkerMeng

哎哟，不错哦

0 1-1 Bootstrap简介

2015-08-28

nxycdl

<div class="col-xs-6">
<input class="input-lg" type="text" placeholder="不是焦点状态下效果">
</div>
<div class="col-xs-6">
<input class="form-control input-lg" type="text" placeholder="焦点点状态下效果">
这样能看出效果

0 3-11 表单控件状态(焦点状态)

2015-08-28