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

玩转Bootstrap(基础)

在Bootstrap中制作二级导航只需要把相应li添加类名dropdown就可以了,在列表项填列ul.dropdown-menu二级菜单的内容,同时在a标签中添加相应的class和data-toggle属性
只是为什么不能把内容直接赋值到这个button的内容区呢?
$("div ul").on("click","li",function(){
var abc = $(this).text();
$(".dropdown-toggle").html(abc);
})

随便写了一个,至少看着比较不会奇怪
好,让我们继续一起愉快的玩耍吧。下一节吧。
Wow,好厉害。下一节吧。
这你都能通过,无法直视你的双眸。下一节吧。
自适应导航条的原理是:把li使用display:table-cell变成表格单元格显示
自适应导航是在nav-tabs或nav-pills的基础上,添加相应的类名nav-justified就实现了,在效果上和表格的单元格一样可以自适应宽度,整个导航条占整个父容器的宽度
垂直堆叠的导航
ul:在胶囊导航的基础上添加类nav-stacked
垂直堆叠的导航条中要添加一个分割线,要使用<li class="nav-divider"></li>
胶囊型导航
ul:nav nav-pills
li : active(选中当前项) disabled(禁用当前项)
标签型tab导航条需要在添加nav类的基础上再添加nav-tabs类,要实现导航条中当前项被选择可以在li属性上添加类active,要实现禁用,则在当前类上添加disabled类名即可
Bootstrap的导航条也是利用ul和li配合使用,使用ul的时候要添加相应的类名。第一个要添加的类名是nav,要想使导航条出现效果,好要添加其余的类名,如nav-tabs或nav-pills配合使用,才有效果

最新回答 / Baby無齒丶紫電清霜
块元素才会换行,label不是块元素;你先检查你的label是否添加了浮动,如果没有浮动,要换行就要设置display:block;或者display:inline-block;
有字幕就更好了
边学边用,虽然刷完了,但第8章还不知道怎么用呢.....
我真是服了,输入框大小搞这么多种,有什么实际意义?
不在label标签上添加类名“radio-inline”也能水平显示啊!~ 确实是这样紫


但是加上之后的字体样式会变,好像没有其他的什么变化了
课程须知
本教程适合具有一定前端基础的人员,对HTML和CSS有一定的了解,对于定制Bootstrap的同学需要具备LESS和Sass基础知识。
老师告诉你能学到什么?
1、了解Bootstrap框架 2、如何使用Bootstrap制作Web页面或Web应用程序 3、如何定制个性化Bootstrap

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消