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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

zifengb

网格系统将屏幕分为超小屏（col-xs-**)，小屏（col-sm-**)，中屏（（col-md-**)，大屏（（col-lg-**)！

1 4-2 工作原理

2016-03-10

zifengb

在Bootstrap框架中有一个fonts的目录，这个目录中提供的字体文件就是用于制作icon的字体文件。
自定义完字体之后，需要对icon设置一个默认样式，在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现，然后通过伪元素“:before”的“content”属性调取对应的icon编码

1 3-25 图标（一）

2016-03-10

zifengb

<button class="btn btn-primary disabled" type="reset">reset</button>
添加了类名的“.disabled”,既禁用了点击行为也禁用了重置的默认行为

1 3-23 按钮状态——禁用状态

2016-03-10

第12行 for="inputSuccess1"中的for是什么意思？

已采纳回答 / qq_渡劫_1

for 属性规定该标签与哪个表单元素绑定。

2 回答 1075 浏览 3-14 表单提示信息

2016-03-10

btn-group

已采纳回答 / 我配角

来句这个就ok了.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group{ margin-left: 0px;}

1 回答 1128 浏览 5-8 按钮（按钮工具栏）

2016-03-10

绯色流火

icon改style里的color可以变色

18 3-26 图标（二）

2016-03-10

看下源码吧。.col-md-pull-1 { right: 8.33333333%; }.col-md-push-1 { left: 8.33333333%; }push是根据当前位置向左偏移一定百分比，pull是向右偏移。也就是说在http://www.imooc.com/code/3323这个教程中，可以通过修改col-md-push-x 中x的值使两列重叠在一起。所以说列排序和列偏移是有区别的，列偏移修改的是margin值

3 回答 1408 浏览 4-5 列排序

2016-03-09

col-xs-1 ~12;col-sm-1 ~12;col-md-1 ~12;col-lg-1 ~12;他们之间有什么区别呢？

已采纳回答 / 绯色流火

<div class="col-xs-10 col-sm-6 col-md-4">测试</div>在PC端1900左右宽度的时候是col-md-4然后根据屏幕的大小自动使用col-sm-6和col-xs-12、这个代码自己试一下就能看的出来了。

1 回答 7154 浏览 4-2 工作原理

2016-03-09

zifengb

1.label要加入control-label类，以保持一致的样式
2.包裹form组件的div要加入has-success/waring/error和has-feedback
3.最后必须加入一个<span class="glyphicon glyphicon-remove form-control-feedback"></span>以显示反馈信息

44 3-13 表单控件状态(验证状态)

2016-03-09