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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

慕粉1467020789

0 8-10 模态弹出框--模态弹出窗的使用（JavaScript触发）

2016-11-08

晓白525574

large
small
extra small

3 3-20 按钮大小

2016-11-08

saltedsnow

1.不用checkbox-inline也能水平，但样式不够美观；2.用了checkbox-inline后，div的class就不能再有“checkbox“，否则只会出现一个选择框。

3 3-8 表单控件(复选框和单选按钮水平排列)

2016-11-08

慕容8510444

3、aria-valuemin="0"属性作用：进度条的最小值为0%。
4、aria-valuemax="100"属性作用：进度条的最大值为100%。

1 7-8 进度条--基本样式

2016-11-08

慕容8510444

<div class="progress"> <div class="progress-bar" style="width:40%;" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"
</div>
</div>
1、role属性作用：告诉搜索引擎这个div的作用是进度条。
2、aria-valuenow="40"属性作用：当前进度条的进度为40%。

0 7-8 进度条--基本样式

2016-11-08

慕容8510444

a 标签 class=“alert-link”

0 7-6 警示框--警示框的链接

2016-11-08

慕容8510444

&times; 乘号不添加alert-dismissable,也可以关闭警示框

在button标签中加入class="close"类，实现警示框关闭按钮的样式。

要确保关闭按钮元素上设置了自定义属性：“data-dismiss="alert"”（因为可关闭警示框需要借助于Javascript来检测该属性，从而控制警示框的关闭）。

1 7-5 警示框--可关闭的警示框

2016-11-08

saltedsnow

如果设置li的背景颜色会发现，li之间有margin，但无法设置。li虽然有5px左padding，但ul左padding是0，显示第一个li元素的左padding其实是0

0 2-12 列表--内联列表

2016-11-08

慕容8510444

<div class="caption">
<h3>Bootstrap框架系列教程</h3>
<p>...</p>
<p>
<a href="##" class="btn btn-primary">开始学习</a>
<a href="##" class="btn btn-info">正在学习</a>
</p>
</div>

0 7-2 缩略图（二）

2016-11-08

慕容8510444

徽章 <li><a><span class="badge">25</span></a></li>

0 6-12 徽章

2016-11-08

慕容8510444

默认选中的用类名 .active
关键的是ul的类名 pagination pagination ，正常的分页导航大小

0 6-9 分页导航（带页码的分页导航）

2016-11-08

慕容8510444

ul 正常布局，外面嵌套了一个div 添加类名 collapse，navbar-collapse,navbar-responsive-collapse
button 按钮增加类 navbar-toggle 属性:data-toggle="collapse",data-target=".navbar-responsive-collapse"

1.button 在前并且和ul不在一个div下
2.button按钮多了一个data-target 属性；
3.ul 外面有一层div

0 6-7 响应式导航条

2016-11-08

motivate

慕课网未解之谜：楼上说了啥

4 4-5 列排序

2016-11-07

motivate

ubuntu 下按住ctrl+alt再选，可以选矩形区域

0 4-1 实现原理

2016-11-07

motivate

单词太长，不感谢（傲娇脸）

4 3-25 图标（一）

2016-11-07

首页上一页 140 141 142 143 144 145 146 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）