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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

huahua035

导航条很容易实现啦!
<ul class="list-inline">
<li class="text-danger">首页</li>
<li class="text-info">技术文章</li>
<li class="text-warning">图片</li>
<li class="text-warning">在线答疑</li>
<li>@me</li>
</ul>

0 2-12 列表--内联列表

2015-09-06

王孝明

progress-bar progress-bar-danger aria-valuenow

0 7-7 进度条

2015-09-06

dingyunhong

img-rounded:圆角图像
img-circle:原型图像
img-thumbnail：缩略图像
img-responsive:响应式图像

0 3-24 图像

2015-09-06

一夜黑了发

@恰北北可以，那样的类似二级导航？

0 5-19 自适应导航（使用）

2015-09-06

dingyunhong

完全没有变化，全屏也是没有变化

5 3-22 按钮状态——活动状态

2015-09-06

牛奶汉堡包

用a标签来实现按钮

1 5-11 按钮（等分按钮）

2015-09-05

关于bootstrap众多标签的问题

最赞回答 / hentai王

我可以复制粘贴给你，但是那样没有意思了，我是新手目前看来，bootstrap让网页在电脑上和手机上都能酷炫显示出来又简单易上手的框架，但是吸引我去学的不是这个，而是我华科大学同学花了半个月学完bootstrap+一些其他进阶的东西再做了个网页（类似于手机APP的那种UI）去找实习然后光实习7000一个月。个人拙见，如果你要做大师，这个自然一定要掌握，如果不做大手子，学好这个也能在几年内混口饭吃。纯属胡扯，如果说错了当我啥也没说。

3 回答 1368 浏览 2-16 代码（二）

2015-09-04

car

样式变换了

0 2-9 列表--简介

2015-09-04

pandehong

IE11也看不到图片效果。

0 4-4 列偏移

2015-09-04

kyang

alert-dismissable 和 alert-dismissible 这两个样式在Bootstrap是一起定义的，两个都可以用的。但它们只是定义了位置跟颜色，真正起到关闭作用的是JQuery代码，那个data-dissmiss 这个自定义属性就是为了让jQuery代码找到相应的地方。具体语句为：
var dismiss = '[data-dismiss="alert"]'
var Alert = function (el) {
$(el).on('click', dismiss, this.close)
}其他data-**的自定义属性作用应该同理（个人看法）。

11 7-3 警示框

2015-09-04

深圳老知青

继续学习怎么进入呢

0 1-2 Bootstrap到底是什么？

2015-09-04

qq_洃色頭襐_0

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

2015-09-03

临阁

云里雾里的

0 2-3 段落（正文文本）

2015-09-03

qq_洃色頭襐_0

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

2015-09-03

慕侠0374115

好牛逼啊你们

1 6-2 基础导航条

2015-09-02

dingyunhong

bootstrap为行元素添加了5中类行为
1.active:表示当前活动的信息：灰色
2.success：表示成功或正确的行为：绿色
3.info：表示中立的信息：蓝色
4.warning:表示警告的信息：黄色
5.danger：表述危险的信息：红色

注意：以上类行为从上到下级别越来越高，当几个类型为在一起时，级别高的会覆盖级别低的行为

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

2015-09-02

首页上一页 392 393 394 395 396 397 398 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）

关于bootstrap众多标签的问题