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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

尐笨笨

1、.has-warning:警告状态（黄色）
2、.has-error：错误状态（红色）
3、.has-success：成功状态（绿色）

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

2015-07-23

尐笨笨

.form-control[disabled],
.form-control[readonly],

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

2015-07-23

尐笨笨

1、input-sm:让控件比正常大小更小
2、input-lg:让控件比正常大小更大

0 3-10 表单控件大小

2015-07-23

爱定襄客服

ie8看没效果

0 4-4 列偏移

2015-07-23

为什么后面都是题了？？不讲了吗？

最新回答 / dereKin

确实，

1 回答 516 浏览 1-3 如何开始使用Bootstrap

2015-07-23

尐笨笨

☑ input[type=“submit”]
☑ input[type=“button”]
☑ input[type=“reset”]
☑ <button>
在Bootstrap框架中的按钮都是采用<button>来实现。

0 3-9 表单控件(按钮)

2015-07-23

尐笨笨

form-group

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

2015-07-22

尐笨笨

在Bootstrap框架中实现这样的表单效果是轻而易举的，你只需要在<form>元素中添加类名“form-inline”

0 3-3 内联表单

2015-07-22

尐笨笨

水平表单——(.form-horizontal)

0 3-2 水平表单

2015-07-22

bosszhou

输入慕课的账号密码直接进慕课了=x=

0 3-1 基础表单

2015-07-22

尐笨笨

input、select、textarea等元素，在Bootstrap框架中，通过定制一个类名".form-control",将会实现一些定制的效果。

1.宽度100%显示；

2.设置了一个浅灰色（#ccc）的边框；

3.具有4px的圆角；

4.设置阴影效果，并且元素得到聚焦时，阴影和边框效果会有所变化；

5.设置了placeholder的颜色为#999.

0 3-1 基础表单

2015-07-22

尐笨笨

.table-responsive”,此容器就具有响应式效果，然后将<table class="table">置于这个容器当中，这样表格也就具有响应式效果。

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

2015-07-22

尐笨笨

通过类名“table-condensed”重置了单元格内距值。

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

2015-07-22

尐笨笨

在基础表格<table class="table">上增加".table-hover"类名即可。

0 2-22 表格--鼠标悬浮高亮的表格

2015-07-22

尐笨笨

在基础表格<table class="table">的基础上添加".table-bordered"类名。中间用空格间隔开

0 2-21 表格--带边框的表格

2015-07-22

尐笨笨

“.table”主要有三个作用：
☑ 给表格设置了margin-bottom:20px以及设置单元内距
☑ 在thead底部设置了一个2px的浅灰实线
☑ 每个单元格顶部设置了一个1px的浅灰实线

0 2-19 表格--基础表格

2015-07-22

首页上一页 407 408 409 410 411 412 413 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）

为什么后面都是题了？？不讲了吗？