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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

qq_七天七夜_0

radio和checkbox 加上form-control 呈现居中，并且变大了好多

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

2015-11-09

hao21

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

2015-11-08

teddymail

1、img-responsive：响应式图片，主要针对于响应式设计
2、img-rounded：圆角图片
3、img-circle：圆形图片
4、img-thumbnail：缩略图片

只需要在对应的img标签内加入以上class可以实现功能

0 3-24 图像

2015-11-08

轨迹___

mark一下

0 6-7 响应式导航条

2015-11-08

teddymail

disable标签属性可以禁用该标签

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

2015-11-08

teddymail

btn-block 这个css样式可以让按钮充满整个父级元素

0 3-21 块状按钮

2015-11-07

teddymail

控件下方添加如下标签实现错误提示
<span class="help-block">提示内容</span>

0 3-14 表单提示信息

2015-11-07

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

首页上一页 369 370 371 372 373 374 375 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）