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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

yunyun_0124

使用方法，其实也没什么太多可说的，你可以像标签一样，使用span标签来制作，然后为他加入badge类：

1 6-12 徽章

2015-05-13

留言心殇

在使用Bootstrap框架中的下拉菜单组件时，其结构运用的正确与否非常的重要，
1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素，示例中为:<div class="dropdown"></div>
2、使用了一个<button>按钮做为父菜单，并且定义类名“dropdown-toggle”和自定义“data-toggle”属性，且值必须和最外容器类名一致，此示例为:data-toggle="dropdown"
3、下拉菜单项使用一个ul列表，并且定义一个类名为“dropdown-menu”，此示例为:<ul class="dropdown-menu">

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

2015-05-13

野望惠

其实 ul可以用nav代替

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

2015-05-13

野望惠

记得样式太多了虽然不用一个个写样式

0 5-8 按钮（按钮工具栏）

2015-05-13

yunyun_0124

那么Bootstrap框架按钮工具栏也提供了这样的制作方法，你只需要将按钮组“btn-group”按组放在一个大的容器“btn-toolbar”中，如下所示：

0 5-8 按钮（按钮工具栏）

2015-05-13

yunyun_0124

1 5-7 按钮（按钮组）

2015-05-13

零落123

绕来绕去 nav navbar navbar-nav

3 6-2 基础导航条

2015-05-12

零落123

不用加responsive都是响应式的，加了又有啥意义

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

2015-05-12

零落123

为啥我在本地测试，默认的就没有点

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

2015-05-12

yunyun_0124

push 向右移动,而pull向左移动！

0 4-5 列排序

2015-05-12

yunyun_0124

0 3-6 表单控件(文本域textarea)

2015-05-12

yunyun_0124

placeholder="请输入你的邮箱密码"

0 3-6 表单控件(文本域textarea)

2015-05-12

yunyun_0124

需要将表格制作成类似于斑马线的效果。简单点说就是让表格带有背景条纹效果。在Bootstrap中实现这种表格效果并不困难，只需要在<table class="table">的基础上增加类名“.table-striped”即可：

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

2015-05-12

yunyun_0124

强调类都是通过颜色来表示强调，具本说明如下：

.text-muted：提示，使用浅灰色（#999）
.text-primary：主要，使用蓝色（#428bca）
.text-success：成功，使用浅绿色(#3c763d)
.text-info：通知信息，使用浅蓝色（#31708f）
.text-warning：警告，使用黄色（#8a6d3b）
.text-danger：危险，使用褐色（#a94442）

0 2-7 强调相关的类

2015-05-12

yunyun_0124

使用了<small>标签来制作副标题。这个副标题具有其自己的一些独特样式：
1、行高都是1，而且font-weight设置了normal变成了常规效果（不加粗），同时颜色被设置为灰色（#999）。
2、由于<small>内的文本字体在h1~h3内，其大小都设置为当前字号的65%；而在h4~h6内的字号都设置为当前字号的75%；

1 2-2 标题（二）

2015-05-12

首页上一页 333 334 335 336 337 338 339 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）