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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

尐笨笨

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

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

2015-07-22

尐笨笨

☑ .table：基础表格
☑ .table-striped：斑马线表格
☑ .table-bordered：带边框的表格
☑ .table-hover：鼠标悬停高亮的表格
☑ .table-condensed：紧凑型表格
☑ .table-responsive：响应式表格

0 2-17 表格

2015-07-22

尐笨笨

.pre-scrollable”，就可以控制代码块区域最大高度为340px，一旦超出这个高度，就会在Y轴出现滚动条。

0 2-16 代码（二）

2015-07-22

helixdna

谁没事吃饱了修改12变成24

0 4-1 实现原理

2015-07-21

helixdna

不需要强制href

0 3-17 默认按钮

2015-07-21

helixdna

bootstrap利用了HTML5 验证 <input>里面加了required 和patterns

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

2015-07-21

@media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }为什么width要设置成1%

最赞回答 / 木头锤纸

额图挂了看下面的吧width值为0时，如图<...图片...>width值为1%时，如图<...图片...>width值为50%时，如图<...图片...>width值为100%时，如图<...图片...>width值为1%时,padding值为0 50px，如图i...

6 回答 1511 浏览 5-20 自适应导航（实现原理）

2015-07-21

12的问题？

最赞回答 / waiting_lyw

个人认为，应该是根据浏览窗口大小，来执行不同的col-xs-6或col-md-3类名称<...code...>在一行中有四个，如果是col-xs-6的话，肯定大于12列了，也就是超小屏幕下，那就会有两列挤到下一行显示，而如果是在中屏下的时候，就应该是col-md-3,四个正好是12列宽。不知解释的对不对，还望指正！

3 回答 974 浏览 7-1 缩略图（一）

2015-07-21

Sing丶情燕

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

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

2015-07-21

平凡心

<a href="#" class="btn btn-default">a标签按钮</a>

0 3-18 多标签支持

2015-07-21

请问如何设置单元格的宽度呢！

+ 我来回答回答最高可+2积分

6 回答 1007 浏览 2-23 表格--紧凑型表格

2015-07-21

着你追

没看懂，mark一下，看一下会不会用先，，，

0 4-2 工作原理

2015-07-20

尐笨笨

<h1>孤儿院无私奉献30年 <small>一曲人性的赞歌</small></h1>

0 2-2 标题（二）

2015-07-20

尐笨笨

在bootstrap中为了让非标题元素和标题使用相同的样式，还特意定义了.h1~.h6六个类名。

0 2-1 标题（一）

2015-07-20

怎么调<span class="caret"></span>的大小啊

最新回答 / 慕后端0270540

.caret{width:0;height:0;border-width:8px;border-style: solid;border-color:#666 transparent transparent transparent;}修改border-width宽度即可修改箭头大小

4 回答 5256 浏览 5-1 下拉菜单（基本用法）

2015-07-20

年少得霸气

1.data-toggle：必须设置为 modal，用来控制模态窗的显示；

2.data-target：用于指定具体要触发的模态窗是哪一个；

3.data-backdrop：点击背景是否可以关闭模态窗；true, static

4.data-keyboard：按下ESC键，是否可以关闭模态窗。true ,false

2 8-9 模态弹出框--模态弹出窗的使用（data-参数说明）

2015-07-20

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空