<script type="text/javascript">
$(function() {
$(".btn").click(function() {
$("#themodal").modal("toggle");
});
});
</script>
$(function() {
$(".btn").click(function() {
$("#themodal").modal("toggle");
});
});
</script>
2018-01-22
emmmm data-toggle="modal"一定不能忽略
还有在这里点击没反应也不知到啥原因,但一样的代码到本地运行是可以的
还有在这里点击没反应也不知到啥原因,但一样的代码到本地运行是可以的
2018-01-22
将要隐藏的内容放在一个div中,除了collapse navbar-collapse 还要为div添加一个特殊的类名,假设为 " example "
则button属性data-target的值就是 " .example "
button设置一个按钮,按下按钮时,显示隐藏div中的内容,在定义button时一定需要设置下列属性:class="navbar-toggle" type="button" data-toggle="collapse" data-target=".隐藏div的类名"
button与导航条的标题(a标签)放在同一个div标签中,这个div与放置隐藏内容的标签为兄弟元素
则button属性data-target的值就是 " .example "
button设置一个按钮,按下按钮时,显示隐藏div中的内容,在定义button时一定需要设置下列属性:class="navbar-toggle" type="button" data-toggle="collapse" data-target=".隐藏div的类名"
button与导航条的标题(a标签)放在同一个div标签中,这个div与放置隐藏内容的标签为兄弟元素
2018-01-21
最赞回答 / 慕盖茨217202
你把浏览器宽度缩小到一定程度,会发现下面多了一个scrool bar。能自适应不同大小的屏幕和设备就是responsive。所以BS是面向移动端设计的。
2018-01-19
@黑白亓
这节的知识怎么在chrome上没效果? 是不是应该在<link rel="stylesheet" href="http:(此处加个http:)。。。。。。。。。。。css/bootstrap.min.css">
这节的知识怎么在chrome上没效果? 是不是应该在<link rel="stylesheet" href="http:(此处加个http:)。。。。。。。。。。。css/bootstrap.min.css">
2018-01-18
最赞回答 / qq_Timebegin_0
奥我突然明白了<...图片...>,在大于768px的时候就是一行四个内容,所以一行四个col-md-3就是没问题的。然后小于768px的时候一行显示两个内容,所以四个col-xs-6其实相当于是 &;didiv class="row"&; ...
2018-01-18
换成这个可以点击显示
<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src='https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
2018-01-18