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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

ericwang2327

0 5-7 按钮（按钮组）

2015-07-08

ericwang2327

2.
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
...
<span class="caret"></span>
</button>

0 5-7 按钮（按钮组）

2015-07-08

ericwang2327

一定要区别好：
select（下拉选择框）和dropdown（下拉菜单）。
1.
<select>
<option>..</option>
</select>

0 5-7 按钮（按钮组）

2015-07-08

ericwang2327

dropdown中菜单项状态：
1.active;
2.focus;
3.disabled;
4.hover
<li role="presentation" class="active">..</li>

0 5-6 下拉菜单（菜单项状态）

2015-07-08

ericwang2327

下拉菜单项右对齐：.pull-right
<ul class="dropdown-menu pull-right">
</ul>

0 5-5 下拉菜单（对齐方式）

2015-07-08

ericwang2327

dropdown添加菜单项头部：.dropdown-header
<li role="presentation" class="dropdown-header">.........</li>

1 5-4 下拉菜单（菜单标题）

2015-07-08

ericwang2327

下拉菜单（dropdown）的下拉菜单项中添加分隔线：
<li role="presentation" class="divider">...</div>

0 5-3 下拉菜单（下拉分隔线）

2015-07-08

ericwang2327

Bootstrap中下拉菜单dropdown的类名：.dropdown-menu

0 5-2 下拉菜单（原理分析）

2015-07-08

ericwang2327

<ul class="dropdown-menu">

注意：区别dropdown（下拉菜单）和select（下拉列表框）。

1 5-1 下拉菜单（基本用法）

2015-07-08

ericwang2327

3.下拉菜单项使用一个<ul>列表，并且定义一个类名为<dropdown-menu>:
<ul dropdown-menu>
<li role="presentation"></li>
</ul>

1 5-1 下拉菜单（基本用法）

2015-07-08

ericwang2327

Bootstrap中的下拉菜单插件：
1.使用一个名为“dropdown”的容器包裹了整个下拉菜单元素；
<div class="dropdown"></div>
2.使用一个<button>按钮作为父菜单，并且定义类名“.dropdown-toggle”和自定义“data-toggle”属性，且值必须和最外层容器类名一致：
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
.......
<span class="caret"></span>
</button>

0 5-1 下拉菜单（基本用法）

2015-07-08

ericwang2327

.col-md-pull-2, .col-md-push-3

0 4-5 列排序

2015-07-08

ericwang2327

0 4-4 列偏移

2015-07-08

大陵李端7979

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th{
background-color:#f9f9f9;
}

0 2-20 表格--斑马线表格

2015-07-08

大陵李端7979

.pre-scrollable{
max-height:340px;
overflow-y:scroll;
}

0 2-16 代码（二）

2015-07-08

大陵李端7979

&lt; &gt;表示左右尖括号

0 2-15 代码（一）

2015-07-08

首页上一页 419 420 421 422 423 424 425 下一页尾页

开始学习

课程须知: 本教程适合具有一定前端基础的人员，对HTML和CSS有一定的了解，对于定制Bootstrap的同学需要具备LESS和Sass基础知识。

老师告诉你能学到什么？: 1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）