为了账号安全,请及时绑定邮箱和手机立即绑定
<!-- 第一种 -->
<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>
以实际案例来学习bootstrap的应用,这个方法不错,很有效果,老师讲的也很精僻,值得推荐!
<div class="text-center">
<h1>Hello Word!</h1>
<button class="btn btn-primary text-center">我是按钮,按我一下!</button>
</div>
导航条是在应用或网站中作为导航页头的响应式基础组件。它在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式。响应式导航条在移动设备上默认折叠。
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。
可能我下载的bootstrap比老师的新一些,发现一些css样式都被官网给弃掉了,比如导航栏的navbar-toggle试了很久之后,只能讲老师demo里的css和js全部拷下来。当是了解认识bootstrap吧,到自己做的时候再在官网上找新的样式了。

最赞回答 / Jerps
<...code...>对照着看一下,jq很方便的,但是不建议这样去改,最好去自定义你的bootstrap框架。简单的多

+ 我来回答 回答最高可+2积分
&lt;div class=&#039;text-center&#039;&gt;
Hello World&lt;br/&gt;
&lt;input type=&#039;button&#039; value=&#039;按我一下&#039; /&gt;
&lt;/div&gt; 有这样的么
找到解决方法了
body.modal-open {

overflow-y: auto !important;

padding-right: 0 !important;
}
这样点击时不会让body加东西导航栏也不会动了
没人注意到点击关于后导航栏的位置变了么...

最新回答 / qq_颜色孤独蓝_Destin_0
那是你没得引用jquery,或者jquery引入出问题了所以你要添加这一句:<script src="js/jquery-1.11.1.min.js"></script><script src="js/bootstrap.min.js"></script>当然你的js文件夹必须用这个:jquery-1.11.1.min.js
课程须知
本课程针对Bootstrap基础知识进行概览式介绍,所以希望您已学习本网站的“玩转Bootstrap”课程知识点,同时希望您会使用HTML、CSS、JavaScript做简单的网页,如果您已具备jQuery基础知识会更好。
老师告诉你能学到什么?
1.了解Bootstrap框架基础知识。 2. 如何开始使用Bootstrap框架。 3. 如何运行初始代码,并修改成所需要的代码。 4. 如何利用Bootstrap制作响应式布局的网页。 5. 如何使用Bootstrap中的组件、插件及定制。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消