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

玩转Bootstrap(基础)

少吐槽,多学习
要记住bootstrap的样式真是不简单,想要修改的话还要自己去找样式
我想说就我一个人看到歪脖女孩了吗,终于又有动力学了,
其实可以定义个panel-foot的
div{
display:list;
}
有些同学觉得media-body这些加不加不影响效果的,要知道html是注重结构的。你只有添加了这些类才有索引,方便后面jquery的抓取。所以前端不要只考虑视觉上的效果体现,还要有清晰的逻辑结构。
emmet解法:
.container>.row>(.col-xs-8{我里面嵌套一个网格}>.row>.col-xs-8{.col-xs-8}+.col-xs-4{.col-xs-4})+(.col-xs-4{我里面嵌套一个网格}>.row>.col-xs-9{.col-xs-9}+.col-xs-3{.col-xs-3})
emmet解法:.container>.row>.col-xs-2{.col-xs-2}+.col-xs-2.col-xs-offset-1{.col-xs-2列向右移动1列的间距}*2+.col-xs-3.col-xs-offset-1{.col-xs-3列向右移动1列的间距}
<ul class="list-unstyled">
<li>城市:
<ul class="list-inline">
<li>北京</li>
<li>上海</li>
<li>南京</li>
<li>厦门</li>
</ul>
</li>
</ul>
要加载JQ库之后才可以用,所以JS代码要写在加载库后面
其实宽度的问题,可以外面嵌套一个div,手动设置最外层div的宽度就可以设置导航的宽度
emmet解法:
dl.dl-horizontal>dt{标题一:}+dd{描述内容}+dt{标题二:}+dd{描述内容}
emmet解法:

dd>dt{北京}+dd{北京是中国的首都,是政治文化集中地}+dt{上海}+dd{上海号称东方的巴黎}
emmet解法:

城市:
ul.list-inline>li{北京}+li{上海}+li{南京}+li{厦门}
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消