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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

最热最新

慕用2022127

<meta charset="UTF-8"> <title>表单控件——下拉选择框select元素</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> </head> <body> <form role="form"> <div class="form-group"> <select class="form-control"> <option>踢足球</option> <option>游泳</option> <option>慢跑</option> <option>跳舞</option> <option>唱歌</option> </select> </div> <div class="form-group"> <select multiple class="form-control"> <option>踢足球</option> <option>游泳</option> <option>慢跑</option> <option>跳舞</option> <option>唱歌</option> </select> </div>

查看全部

0 采集收起来源：表单控件(下拉选择框select)
2018-03-22
qq_太阳的光辉_0

<ul class="list-inline"> <li>城市：</li> <li> <ul class="list-inline"> <li>北京</li> <li>上海</li> <li>南京</li> <li>厦门</li> </ul> </li> </ul>

查看全部

0 采集收起来源：列表--内联列表
2018-03-22
慕移动0391394

<small><strong><em><cite>class=.lead

查看全部

0 采集收起来源：强调内容
2018-03-22
猥琐D怪蜀黎

在Bootstrap框架中，如果fieldset设置了disable属性，整个域都将处于被禁用状态，使用<legend>标签的除外！

查看全部

0 采集收起来源：表单控件状态(禁用状态)
2018-03-22
慕少1596983

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

查看全部

0 采集收起来源：表格
2017-12-06
慕少1596983

不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代。

查看全部

0 采集收起来源：代码（一）
2018-03-22
慕少1596983

1、<code>：一般是针对于单个单词或单个句子的代码 2、<pre>：一般是针对于多行代码（也就是成块的代码） 3、<kbd>:一般是表示用户要通过键盘输入的内容

查看全部

0 采集收起来源：代码（一）
2018-03-22
慕姐7544198

斑马线表格可以用来使用还有悬浮高亮

查看全部

0 采集收起来源：表格
2017-12-05
simple_fang 02:23

bootstrap中的JS插件依赖与jQuery，jQuery要在bootstrap之前引用

查看全部

0 采集收起来源：如何开始使用Bootstrap
2017-12-04
猥琐D怪蜀黎

本节内容相对来说比较简单，一般在个人博客上使用的较为频繁，用于显示代码的风格。在Bootstrap主要提供了三种代码风格： 1、使用<code></code>来显示单行内联代码 2、使用<pre></pre>来显示多行块代码 3、使用<kbd></kbd>来显示用户输入代码

查看全部

0 采集收起来源：代码（一）
2018-03-22
慕姐7970067

不管使用哪种代码风格，在代码中碰到小于号（<）要使用硬编码“<”来替代，大于号(>)使用“>”来替代

查看全部

0 采集收起来源：代码（一）
2018-03-22
慕函数7025690

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图标</title> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> <script> window.onload=function(){ var x= document.getElementById("span6"); x.onmouseover=function(){ x.style.color="red"; } x.onmouseleave=function(){ x.style.color=""; } } </script> </head> <body> <span class="glyphicon glyphicon-search"></span> <span class="glyphicon glyphicon-asterisk"></span> <span class="glyphicon glyphicon-plus"></span> <span class="glyphicon glyphicon-cloud"></span> <span class="glyphicon glyphicon-remove-sign"></span> <span class="glyphicon glyphicon-remove-circle" id="span6"></span> </body> </html>

查看全部

0 采集收起来源：图标（一）
2018-03-22
慕姐7970067

移动端配适问题 <meta name="viewport" content="width=device-width, initial-scale=1">

查看全部

0 采集收起来源：基本的HTML模板
2018-03-22
慕后端4846893

h1到h6全部都是在原基础上进行属性覆盖设置

查看全部

0 采集收起来源：标题（一）
2017-11-28
慕函数1144915

学习到这

查看全部

0 采集收起来源：段落（正文文本）
2017-11-28