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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

ericwang2327

input添加.form-control类，可以为input元素添加定制样式。

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

2015-07-08

ericwang2327

.form-inline和.form-group

0 3-3 内联表单

2015-07-08

ericwang2327

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

0 3-2 水平表单

2015-07-08

ericwang2327

input、select、textarea等元素，在Bootstrap框架中，通过定制一个类名".form-control",将会实现一些定制的效果。
1.宽度100%显示；
2.设置了一个浅灰色（#ccc）的边框；
3.具有4px的圆角；
4.设置阴影效果，并且元素得到聚焦时，阴影和边框效果会有所变化；
5.设置了placeholder的颜色为#999.

0 3-1 基础表单

2015-07-08

ericwang2327

响应式表格：.table-responsive
<div class="table-responsive">
<table class="table">
....
</table>
</div>

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

2015-07-08

ericwang2327

注意：你的<table>元素中一定不能缺少基础类名".table"；<table class="table">

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

2015-07-08

ericwang2327

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

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

2015-07-08

ericwang2327

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

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

2015-07-08

ericwang2327

只需要在<table class="table">的基础上增加类名".table-striped"

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

2015-07-08

ericwang2327

在Bootstrap中，如果在<table>元素中不添加任何类名，则表格无任何样式效果；要得到基础表格，我要只需要在<table>元素中添加".table"类名———class = "table";

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

2015-07-08

ericwang2327

表格的行元素<tr>提供了五种不同的类名。

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

2015-07-08

ericwang2327

.table——基础表格；然后再此基础上添加更多样式类，.table-striped,.table-bordered,.table-hover,.table-condensed,.table-responsive。

1 2-17 表格

2015-07-08

ericwang2327

滚动条——.pre-scrollable

0 2-16 代码（二）

2015-07-08

ericwang2327

水平定义列表：.dl-horizontal

0 2-14 列表--水平定义列表

2015-07-08

ericwang2327

.list-unstyled——去除点；.list-inline——列表水平显示，用于制作导航条。

1 2-12 列表--内联列表

2015-07-08

ericwang2327

.list-style——去点列表

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

2015-07-08

首页上一页 422 423 424 425 426 427 428 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）