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

玩转Bootstrap(基础)

警示框
alert
alert-success
alert-danger
alert-warning
alert-info
alert-dismissable可关闭的警示框
label 标签
badge徽章
标签
<span class="label label-primary">new</span>
nav navbar-default默认导航条 nav-inverse反色导航条
navbar-fixed-top/bottom固定导航条
nav navbar-nav 导航条中的导航链接
navbar-form 导航表单
navbar-left左对齐
navbar-right右对齐
面包屑导航:页面引导。
<ol>
<li></li>
</ol>
设置有序列表样式
类名为:breadcrumb
active表示当前{color:#999}
nav-justified导航自适应响应式。
调整nav-tabs, nav-pills在不同分辨率下的样式
tab标签式
pill胶囊式(默认水平)
nav-pills nav-stacked 胶囊式垂直堆叠
nav-deviel 导航分割性
导航
nav 默认垂直型导航
nav-tabs 标签式导航 active表示当前
disabled
btn-group-vertical垂直按钮组合
.pull-right{
float:right}
dropdown-menu.pull-right{ //组合类
right:0
}
position:absolute
btn-link链接型按钮
在 form-group容器中加上has-warring has-success has-error 。表单验证控件状态
如果需要在input中加上图标,只需has-feedback
网格系统可以再任何时候使用
<ul class='nav nav-pills'>
<li class='active'><a href="">我是</a></li>
<li class='disabled'><a href="">女生</a></li>
<li><a href="">漂亮的</a></li>
<li><a href="">女生</a></li>
</ul>

已采纳回答 / hey自然
手机,平板 尝试 col-xs- 笔记本尝试 col-sm-
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消