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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

ericwang2327

面板头部：.panel-header
面板主体：.panel-body
面板尾部：.panel-footer

0 7-27 面板--带有头和尾的面板

2015-07-15

ericwang2327

0 7-26 面板--基础面板

2015-07-15

ericwang2327

基础面板：
类名——.panel
<div class="panel">

0 7-25 面板

2015-07-14

ericwang2327

列表组：
list-group、list-group-item、list-group-item-success/list-group-item-info/list-group-item-danger

1 7-24 列表组--多彩列表组

2015-07-14

ericwang2327

active、disabled

0 7-23 列表组--列表项的状态设置

2015-07-14

ericwang2327

基础列表组：
1.类名 .list-group：列表组容器，ul
2.类名 .list-group-item：列表项，li

3 7-19 列表组--基础列表组

2015-07-14

ericwang2327

列表组：
list-group

1 7-18 列表组

2015-07-14

ericwang2327

media-list

1 7-17 媒体对象--媒体对象列表

2015-07-14

ericwang2327

媒体对象——类名.media

0 7-15 媒体对象--默认媒体对象

2015-07-14

Lucylucy

1 6-2 基础导航条

2015-07-14

ericwang2327

带标签的进度条：
添加属性，aria-valuenow/aria-valuemin/aria-valuemax
<div class="progress-bar" aria-valuenow="20" aria-valuemin="0" aira-valuemax="100">

1 7-13 进度条--带Label的进度条

2015-07-14

ericwang2327

层叠进度条，总宽度不能超过100%.....

0 7-12 进度条--层叠进度条

2015-07-14

ericwang2327

动态条纹进度条：
<div class="progress progress-striped active">

0 7-11 进度条--动态条纹进度条

2015-07-14

ericwang2327

条纹进度条：
<div class="progress progress-striped">

0 7-10 进度条--条纹进度条

2015-07-14

ericwang2327

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

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

2015-07-14

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

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）