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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

zifengb

使用方法：

1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素，示例中为:

<div class="dropdown"></div>

2、使用了一个<button>按钮做为父菜单，并且定义类名“dropdown-toggle”和自定义“data-toggle”属性，且值必须和最外容器类名一致，此示例为:

data-toggle="dropdown"

3、下拉菜单项使用一个ul列表，并且定义一个类名为“dropdown-menu”，此示例为:

<ul class="dropdown-menu">

0 5-1 下拉菜单（基本用法）

2016-03-10

微积分2016

ie 真烦，各种私有属性

2 1-4 基本的HTML模板

2016-03-10

zifengb

网格系统将屏幕分为超小屏（col-xs-**)，小屏（col-sm-**)，中屏（（col-md-**)，大屏（（col-lg-**)！

1 4-2 工作原理

2016-03-10

zifengb

在Bootstrap框架中有一个fonts的目录，这个目录中提供的字体文件就是用于制作icon的字体文件。
自定义完字体之后，需要对icon设置一个默认样式，在Bootstrap框架中是通过给元素添加“glyphicon”类名来实现，然后通过伪元素“:before”的“content”属性调取对应的icon编码

1 3-25 图标（一）

2016-03-10

zifengb

<button class="btn btn-primary disabled" type="reset">reset</button>
添加了类名的“.disabled”,既禁用了点击行为也禁用了重置的默认行为

1 3-23 按钮状态——禁用状态

2016-03-10

绯色流火

icon改style里的color可以变色

18 3-26 图标（二）

2016-03-10

zifengb

1.label要加入control-label类，以保持一致的样式
2.包裹form组件的div要加入has-success/waring/error和has-feedback
3.最后必须加入一个<span class="glyphicon glyphicon-remove form-control-feedback"></span>以显示反馈信息

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

2016-03-09

有意思_有点意思

-。-不懂

0 5-14 向上弹起的下拉菜单

2016-03-09

有意思_有点意思

glyphicon-search glyphicon-zoom-in glyphicon-zoom-out glyphicon-download glyphicon-upload

1 5-7 按钮（按钮组）

2016-03-09

醉美婺源

开始，结束

0 1-1 Bootstrap简介

2016-03-09

绯色流火

感觉看这个能当api用了，哈哈

0 2-17 表格

2016-03-09

开普勒

斑马线是灰白相间的表格，和普通的不一样

1 2-20 表格--斑马线表格

2016-03-09

程序猿001

右边的四个按钮比较碍事啊。是不是可以改成自动隐藏的，鼠标划过去在显示出来？

1 7-5 警示框--可关闭的警示框

2016-03-09

deriven

&lt代替< &gtd代替>

0 2-15 代码（一）

2016-03-09

deriven

<ul class="list-inline"></ul>水平列表

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

2016-03-08

首页上一页 250 251 252 253 254 255 256 下一页尾页

开始学习

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

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

微信扫码，参与3人拼团

热搜

最近搜索清空

玩转Bootstrap（基础）