为了账号安全,请及时绑定邮箱和手机立即绑定

玩转Bootstrap(基础)

bootstrap用起来倒是挺快捷,但是新手用这个的话,技能估计提高不了哦
fel
高薪^_^
很多东西都没讲
@明君然而我引用<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>这个jquery包挺正常的呀
页面主内容顶部和底部都被固定导航条给遮住了。为了避免固定导航条遮盖内容,我们需要在body上做一些处理:
假设导航条高70px
body {
padding-top: 70px;/*有顶部固定导航条时设置*/
padding-bottom: 70px;/*有底部固定导航条时设置*/
}
<ul class="nav navbar-nav">
<li><a href="##" class="navbar-text">Navbar Text</a></li>
</ul>
hover之后color:#333
<div class="nav navbar-nav">
<a href="##" class="navbar-text">Navbar Text</a>
</div>
hover之后Navbar Text有下划线
FireFox 46.0.1表示出现了和“南京韶邵”一样的情况
fel
如果要使用Bootstrap的js插件,必须先调入jQuery,包括所有bootstrap的js插件或者可以根据需要使用的js插件调用
回复功能是回答问题,这个是评论,上面还有个问答选的!
<input type="button" class="btn btn-default" value="input标签按钮"/>
<ol><li>有序项目列表一</li><li>有序项目列表二<ol class="list-unstyled"><li>有序二级项目列表一</li><li>有序二级项目列表二<ul><li>无序三级项目列表一</li><li>无序三级项目列表二</li><li>无序三级项目列表二<ul class="list-unstyled"><li>无序四级项目列表一</li><li>无序四级项目列表二</li></ul></li><li>无序三级项目列表三</li></ul></li><li>有序二级项目列表三</li></ol></li><li>有序项目列表三</li>
</ol>
GitHub上这样介绍 bootstrap:
☑ 简单灵活可用于架构流行的用户界面和交互接口的html、css、javascript工具集。
☑ 基于html5、css3的bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档。
☑ 自定义JQuery插件,完整的类库,基于Less等。
蒙圈中......
bs3-(按ctrl+j)自动生成代码 ps(前提是看得懂代码,根据需求可以自己修改)
<ul class="list-unstyled">
<li>
城市:
<ul class="list-inline">
<li>北京</li>
<li>上海</li>
<li>南京</li>
<li>厦门</li>
</ul>
</li>
</ul>
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消