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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

motivate

使用bootstrap大大加大了div的数目

0 3-7 表单控件(复选框checkbox和单选择按钮radio)

2016-11-07

motivate

0 3-2 水平表单

2016-11-07

motivate

table-hover在每一行的显示是不同的！！

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

2016-11-07

慕标0371241

灰常好，内容由浅入深

0 7-12 进度条--层叠进度条

2016-11-07

Hzw_

<ol><li>有序项目列表一</li><li>有序项目列表二</li><ol><li>有序二级项目列表一</li><li>有序二级项目列表二</li><ul><li>无序三级项目列表一</li><li>无序三级项目列表二</li><ul><li>无序四级项目列表一</li><li>无序四级项目列表二</li></ul><li>无序三级项目列表三</li></ul></ol><li>有序项目列表</li></ol>

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

2016-11-07

yuanfengjituan

这个不就是 list-style: none;而已，简单的样式初始化，初学者学了这个估计都不会写原生css了

24 2-11 列表--去点列表

2016-11-07

yuanfengjituan

这个有点牵强了，html的标签本来就是这样，列表嵌套也是本来就是这样，我觉得这并不属于bootstrap

2 2-10 列表--无序列表、有序列表

2016-11-07

天天爬六楼

inline-block当然水平显示这有什么神奇的

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

2016-11-07

VictoriaZ3856931

而残障人士，比如弱势或盲人是不可能知道这些视觉识别元素是什么的。他们上网使用的是屏幕阅读器，也就是 screen reader（sr），屏幕阅读器需要找到能辨识的文本说明然后“读”出来给用户听。问题是图形元素怎么可能“读出来”呢？因此我们还要写上这些元素的文本说明，但是又不需要展示给普通用户看到，于是加上 sr-only 的意义就在于能保证屏幕阅读器正确读取且不会影响 UI 的视觉呈现。

4 3-3 内联表单

2016-11-07

VictoriaZ3856931

sr-only，全称是 screen reader only，意为：（仅供）屏幕阅读器，这个 class 主要用于增强 accessbility（可访问性）。
有时候 UI 上会出现一些仅供视觉识别的元素，比如说“汉堡包菜单按钮”，只有视力正常的人才能清楚辨识这些元素的作用。

0 3-3 内联表单

2016-11-07

Jack_Chenjl

下拉菜单跑去浏览器窗口右下角那个角落了。。。。。。。

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

2016-11-05

慕容8510444

默认选中的用.active 禁用的用类.disabled

1 5-16 导航（标签形tab导航）

2016-11-05

慕容8510444

三角形向下外层添加.dropup类还有就是<span class="caret">三角按钮</span>

0 5-13 按钮的向下向上三角形

2016-11-05

慕容8510444

按钮下拉菜单仅从外观上看和上一节介绍的下拉菜单效果基本上是一样的。不同的是在普通的下拉菜单的基础上封装了按钮（.btn）样式效果。简单点说就是点击一个按钮，会显示隐藏的下拉菜单。

0 5-12 按钮下拉菜单

2016-11-05

山东_宇达

很多组件的info,success,warnig,danger样式就占了很多篇幅

0 7-30 面板--面板中嵌套列表组

2016-11-05

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）