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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

只言片语_0

本地测试要改bootstrap资源链接，前面加https:
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

1 1-5 全局样式

2019-03-16

只言片语_0

0 1-4 基本的HTML模板

2019-03-16

二级菜单出不来？？？？？

最赞回答 / 碎片时间

在head或body尾部添加下面代码<script src="https://www.imooc.com/static/lib/jquery/1.9.1/jquery.js"></script><script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

2 回答 1317 浏览 5-21 导航加下拉菜单（二级导航）

2019-03-15

慕粉1208182447

sdfgsdgf

0 3-1 基础表单

2019-03-14

慕尼黑5402774

.small 类的元素，可以用来标记副标题.

0 2-2 标题（二）

2019-03-14

荏苒如许

<input class="form-control input-lg" id="disabledInput" type="text" placeholder="表单已被禁用，不可输入" disabled>
加disabled，禁用

0 3-12 表单控件状态(禁用状态)

2019-03-11

这会有什么效果

最新回答 / 夜sama

<...图片...>这个效果....

1 回答 1010 浏览 4-5 列排序

2019-03-04

input类名问题

最新回答 / 碎片时间

form-control是用在输入框，至于为什么变大，是因为它的样式（看源码）

1 回答 770 浏览 3-7 表单控件(复选框checkbox和单选择按钮radio)

2019-03-04

你好挨踢男

非常好，红红火火恍恍惚惚

1 1-5 全局样式

2019-02-28

你好挨踢男

来了来了弟弟们

0 1-4 基本的HTML模板

2019-02-28

Code大白菜

慕课网的代码检测功能还有很多地方需要完善，可以像w3school学习。

0 2-8 文本对齐风格

2019-02-26

为啥把所有代码全部复制到DW中，保存成HTML格式后运行出来的效果和慕课的按钮特效都不一样，而且也没有下拉弹出的效果，LI标签的内容直接显示出来了。。

最新回答 / 有你就好

bootstrap的嵌入格式不正确，你可以试试bootstrap官网给出的格式就是这个“

<link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">

”

4 回答 1498 浏览 5-12 按钮下拉菜单

2019-02-22

网格系统工作原理

最新回答 / 土土的星

字面意思 col就是列的意思 xs是 extra small ,sm是small , md是medium , lg是large

2 回答 1108 浏览 4-2 工作原理

2019-02-21

首先使用col-md-*的效果区间是浏览器可视宽度在992px~1220px之间，如果小于992px，bootstrup就会使用col-sm-*，若没有这个class，bootstrup就会把一列变成单独的一行，即占用12列的宽度，你这种情况一种可能是你的浏览器屏幕可视（即显示你当前这个窗口）的宽度小于992px，也有可能是没有引入bootstrup的依赖文件，还有可能是模板格式没有写对，再者就是你可能在class属性值里面写的并不是bootstrup在css文件中声明的class变量（如col-xs-*...

4 回答 1105 浏览 4-1 实现原理

2019-02-21