玩转Bootstrap（基础）_学习笔记

首页免费课玩转Bootstrap（基础）笔记

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

最热最新

喵喵小喵

本来是向左浮动的，若是要让它向右，就要推（push）。想要向左，就要拉（pull）

查看全部

0 采集收起来源：列排序
2016-05-11
喵喵小喵

<style type="text/css"> .col-md-3 { width:100%; } </style>

查看全部

0 采集收起来源：基本用法
2018-03-22
喵喵小喵

container 是bootstrap的外围容器栅格化布局的基础使用在响应式布局的框架网站里这个类<div class"container"></div>中嵌套

查看全部

0 采集收起来源：实现原理
2018-03-22
葡萄架下

.text-muted：提示，使用浅灰色（#999） .text-primary：主要，使用蓝色（#428bca） .text-success：成功，使用浅绿色(#3c763d) .text-info：通知信息，使用浅蓝色（#31708f） .text-warning：警告，使用黄色（#8a6d3b） .text-danger：危险，使用褐色（#a94442）

查看全部

0 采集收起来源：强调相关的类
2016-05-11
大懒虫不偷懒

面包屑(Breadcrumb)一般用于导航，主要是起的作用是告诉用户现在所处页面的位置（当前位置）。

查看全部

0 采集收起来源：面包屑式导航
2016-05-11
大懒虫不偷懒

前面介绍的都是使用Bootstrap框架制作一级导航，但很多时候，在Web页面中是离不开二级导航的效果。那么在Bootstrap框架中制作二级导航就更容易了。只需要将li当作父容器，使用类名“dropdown”，同时在li中嵌套另一个列表ul，使用前面介绍下拉菜单的方法就可以

查看全部

0 采集收起来源：导航加下拉菜单（二级导航）
2016-05-11
美好的容和xi

bootstrap模板为使IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可。<br> <br> <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 同理为使IE6、7、8版本浏览器兼容css3样式，引入下面代码： <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1">适配

查看全部

0 采集收起来源：基本的HTML模板
2018-03-22
迷失的小菜鸟

text-align:justify文本两端对齐

查看全部

0 采集收起来源：文本对齐风格
2016-05-11
AfterStories

在制作一个基础导航条时，主要分以下几步：第一步：首先在制作导航的列表(<ul class=”nav”>)基础上添加类名“navbar-nav” 第二步：在列表外部添加一个容器（div），并且使用类名“navbar”和“navbar-default” 时间: 2015-09-23

查看全部

0 采集收起来源：基础导航条
2018-03-22
zhengc

$('#myModal').on('hidden.bs.modal', function (e) { // 处理代码... })

查看全部

0 采集收起来源：模态弹出框--JavaScript触发时的参数设置（二）
2014-12-19
忘却录音

<table class="table table-bordered"> <thead> <tr> <th>类名</th> <th>描述</th> </tr> </thead> <tbody> <tr class="active"> <td>.active</td> <td>表示当前活动的信息</td> </tr> <tr class="success"> <td>.success</td> <td>表示成功或者正确的行为</td> </tr> <tr class="info"> <td>.info</td> <td>表示中立的信息或行为</td> </tr> <tr class="warning"> <td>.warning</td> <td>表示警告，需要特别注意</td> </tr> <tr class="danger"> <td>.danger</td> <td>表示危险或者可能是错误的行为</td> </tr> </tbody> </table> </body> </html>

查看全部

0 采集收起来源：表格--表格行的类
2018-03-22
zhengc

$(function(){ $(".btn-primary").click(function(){ $("#themodal").modal("toggle"); }); });

查看全部

0 采集收起来源：模态弹出框--模态弹出窗的使用（JavaScript触发）
2018-03-22
silentlytao

配合js实现更个性化的设置。

查看全部

0 采集收起来源：进度条
2016-05-10
silentlytao

重点！

查看全部

0 采集收起来源：响应式导航条
2016-05-10
qmd126520

通过js技术手段，给父容器“div.dropdown”添加或移除类名“open”来控制下拉菜单显示或隐藏。也就是说，默认情况，“div.dropdown”没有类名“open”，当用户第一次点击时，“div.dropdown”会添加类名“open”；当用户再次点击时，“div.dropdown”容器中的类名“open”又会被移除

查看全部

0 采集收起来源：下拉菜单（原理分析）
2016-05-10