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

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

玩转Bootstrap（基础）

                
                大漠
            Web前端工程师

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

全部评论问答未解决精华

将下面的text换成btn后发现向上对齐了是什么原因啊。。

最赞回答 / 慕后端4227358

.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}

.navbar-text {
margin-top: 15px;
margin-bottom: 15px;

2 回答 991 浏览 6-5 导航条中的按钮、文本和链接

2018-07-06

变成示例中的Tips样式

最新回答 / 小程序魔王

<h3>Example heading<span class="label label-warning" style="border-bottom: 10px solid;border-left: .5em solid transparent;padding:0.2em 0.6em 0.3em 0.1em;">这样写怎么样？</span></h3>

2 回答 1615 浏览 6-11 标签

2018-07-04

.col-sm-4不起作用

已采纳回答 / one_day_you_coming

你可能弄混了，你看一下3-10，3-20和4-3,。我自己理解sm是改变表单控件和按钮的大小，md是改变网格行里面的一个个小组件的大小。

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

2018-07-04

缩略图也会响应式布局？

已采纳回答 / 主宰灵魂

是啊<...code...>max-width:100%; ---最大宽度是其父元素的百分百. 就它决定了是响应式的.

1 回答 1404 浏览 3-24 图像

2018-07-04

二级菜单加list-inline，全屏没效果

最新回答 / 慕桂英0982877

bootstrap 4 的确会这样，但是可以设置

display:inline-block;

属性来使元素水平

1 回答 1157 浏览 6-3 为导航条添加标题、二级菜单及状态

2018-06-27

列排序无效果

最赞回答 / qq_文之彬bin_eiwCL9

代码需要改改，改boostrap的样式引入<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">，例子里面多了个http

2 回答 640 浏览 4-5 列排序

2018-06-27

为什么点击按钮会有一个蓝色的框

最新回答 / 慕标1455184

因为他添加了一个样式，点击的时候添加一条边框

1 回答 1680 浏览 8-2 动画过渡（Transitions）

2018-06-27

自己在sublime text上编译，edge和火狐都不能有效果欸

最新回答 / 慕少安

将css链接地址改为

 <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

1 回答 1217 浏览 6-7 响应式导航条

2018-06-26

<div class="navbar navbar-default" role="navigation"> <div class="navbar-header"> 　 <button class="navbar-toggle" type="button" data-toggle="collapse" data-...

1 回答 1482 浏览 6-7 响应式导航条

2018-06-26

关于点击提交的问题

最新回答 / weixin_慕工程5061361

你说复制粘贴的吧！复制粘贴就会提示你错误。

2 回答 1070 浏览 2-6 斜体

2018-06-25

问一下，背景大小在哪改

最新回答 / 慕粉2359383080

bg-color

1 回答 1012 浏览 5-17 导航（胶囊形(pills)导航）

2018-06-09

请问为什么点击没有效果

最赞回答 / 慕侠0285453

script的地址有问题，改成下面这个就行了<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>

1 回答 1217 浏览 8-7 模态弹出框--触发模态弹出窗2种方法

2018-05-30

求解，没有水平啊？

最新回答 / qq_鱼_64

由于form-control类里面定义的是 width:100%;display:block; 所以肯定是input占据一行的，你想要让标签和input放在一行里面，直接修改input的样式,width:200px;display:inline就可以了。当然你也可以直接用网格布局，用container容器包裹row，然后在row中包裹col就可以了

2 回答 1261 浏览 3-1 基础表单

2018-05-28