<!-- 第一种 -->
<h1 class="text-center">Hello World!</h1>
<button class="btn btn-primary btn-lg center-block">我是按钮,按我一下</button>
<!-- 第二种 -->
<div class="text-center">
<h1 >Hello World!</h1>
<button class="btn btn-primary btn-lg">我是按钮,按我一下</button>
</div>
<h1 class="text-center">Hello World!</h1>
<button class="btn btn-primary btn-lg center-block">我是按钮,按我一下</button>
<!-- 第二种 -->
<div class="text-center">
<h1 >Hello World!</h1>
<button class="btn btn-primary btn-lg">我是按钮,按我一下</button>
</div>
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
可能我下载的bootstrap比老师的新一些,发现一些css样式都被官网给弃掉了,比如导航栏的navbar-toggle试了很久之后,只能讲老师demo里的css和js全部拷下来。当是了解认识bootstrap吧,到自己做的时候再在官网上找新的样式了。
2017-08-06
<div class='text-center'>
Hello World<br/>
<input type='button' value='按我一下' />
</div> 有这样的么
Hello World<br/>
<input type='button' value='按我一下' />
</div> 有这样的么
找到解决方法了
body.modal-open {
overflow-y: auto !important;
padding-right: 0 !important;
}
这样点击时不会让body加东西导航栏也不会动了
body.modal-open {
overflow-y: auto !important;
padding-right: 0 !important;
}
这样点击时不会让body加东西导航栏也不会动了
2017-08-05