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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

ericwang2327

Bootstrap框架的进度条使用了两个容器：
1.外容器“progress”
<div class="progress">, 规定容器的背景色；
2.内容器“progress-bar”
<div class="progress-bar" style="width:40%">，设置进度条的背景色，限制进度条的进度。

1 7-8 进度条--基本样式

2015-07-14

ericwang2327

基本进度条：progress-bar

0 7-7 进度条

2015-07-14

ericwang2327

警示框加入链接：alert-link

0 7-6 警示框--警示框的链接

2015-07-14

ericwang2327

添加可删除警示框：
1.在外层div容器中添加类名 .alert-dismissable
2.添加button元素, class="close"、data-dismiss="alert"
<button class="close" type="button" data-dismiss="alert"></button>

0 7-4 警示框--默认警示框

2015-07-14

ericwang2327

警示框：类名alert
alert-success/alert-danger/alert-warnning/alert-info；
可关闭的警示框：alert-dismissable

4 7-3 警示框

2015-07-14

ericwang2327

缩略图：类名thumbnail
<a href="#" class="thumbnail">

1 7-1 缩略图（一）

2015-07-14

ericwang2327

Bootstrap框架的网格系统（12列）

1 7-1 缩略图（一）

2015-07-14

Falcon

中性是个什么鬼

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

2015-07-14

Lucylucy

0 5-3 下拉菜单（下拉分隔线）

2015-07-14

SvenAs

响应式对不同的端，比如pc端，移动端，phone或者平板，会有不同的显示。普通的html在移动端上不能缩放，响应式能够随着屏幕大小改变。

32 2-17 表格

2015-07-14

U2SIN

ul中的a标签加navbar-btn样式与不加看不出明显区别啊

1 6-5 导航条中的按钮、文本和链接

2015-07-14

三三四四

刚刚学完的来给大家分享下经验: 这个教程讲的是一些基础的bootstrap知识, 快速过一遍就好, 注意理解bootstrap的工作模式. 我开始还记笔记, 后来发觉东西太多, 记了笔记跟没记一样, 于是丢掉笔记. 前半段还有些慢, 看到一半就已经熟悉bootstrap的工作模式, 后面的东西基本瞄一眼就知道是如何实现的了. 因此推荐过完一遍就试着做几个网页, 忘记了再回来查, 多用用就记住了. 个人觉得css实现方式开始也没必要细究, 能够熟练使用之后再去研究, 如果懒得翻源码再来这里看也还不错

214 1-1 Bootstrap简介

2015-07-13

三三四四

完成, 总结一下, 这门课的意义就是熟悉一下bootstrap的工作模式, 前半段一点点去想, 看完网格那一部分, 就差不多熟悉了, 后半部就过的很快, 基本瞄一眼就能知道它是怎么工作的了. 没必要细究, 实战几次就记住那些类名了, 至于css效果的实现方式, 等基本能够熟练使用bootstrap之后再研究就好.

1 8-12 模态弹出框--JavaScript触发时的参数设置（二）

2015-07-13

qiaofanghui

这么看挺简单的，为什么不会用呢，希望多出一些整个网页，网站的教程

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

2015-07-13

Falcon

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

2015-07-13

首页上一页 314 315 316 317 318 319 320 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）