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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

teddymail

help-block 能在控件下方显示提示信息

0 3-14 表单提示信息

2015-11-07

teddymail

在form-group容器中添加添加状态即可改变
has-success 成功状态
has-warning 警告状态
has-error 错误状态
<span class="glyphicon glyphicon-remove form-control-feedback"></span> 中其中添加着计划可以在容易中添加回馈消息
glyphicon-remove 错误状态
gluphicon-warning-sign 警告状态
gluphicon-fluphicon-ok 成功状态

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

2015-11-07

teddymail

禁用域<fieldset disabled></fieldset>
在禁用域中<legend>标签无法禁用！
在表单控件中添加 disabled就可以禁用该控件

0 3-12 表单控件状态(禁用状态)

2015-11-07

teddymail

disabled 能让控件禁用不可使用

0 3-12 表单控件状态(禁用状态)

2015-11-07

teddymail

class="form-control" 增加这个样式会让样式会让控件自动居中呈现选中的状态

6 3-11 表单控件状态(焦点状态)

2015-11-07

teddymail

输入框大小做大的是col-xs-4，稍小一点是col-xs-5在小一点是col-xs-6
控件的class中添加：input-lg控件会变大，input-sm控件会变小

0 3-10 表单控件大小

2015-11-07

teddymail

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

2015-11-07

teddymail

如果需要上下对齐，必须在 radio标签和checkbox外层添加 div class属性设置为 radio和checkbox 然后标签还需要添加label标签对屏幕器更好的识别，制作一个完美的表单

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

2015-11-07

teddymail

form-control 可以将文本域中的宽度，扩大到屏幕的大小

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

2015-11-07

teddymail

<div class="form-group">
<select class="form-control">
<option>踢足球</option>
<option>游泳</option>
<option>慢跑</option>
<option>跳舞</option>
</select>
</div>

form-control 能将多项选择宽度扩大到全屏

0 3-5 表单控件(下拉选择框select)

2015-11-07

teddymail

0 3-4 表单控件(输入框input)

2015-11-07

teddymail

0 3-4 表单控件(输入框input)

2015-11-07

teddymail

label 标签主要是为了屏幕阅读器能够正确的识别，所有的输入部分都应该放置在label标签中

0 3-3 内联表单

2015-11-07

teddymail

table-bordered 表格改造为响应试表格，当表格宽度小于768px的时候，当浏览器宽度小于这个宽度，底部就会出现水平滚动条

1 2-24 表格--响应式表格

2015-11-07

teddymail

table-condensed 改变表格属性为紧凑表格

0 2-23 表格--紧凑型表格

2015-11-07

首页上一页 281 282 283 284 285 286 287 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）