twitter bootstrap btn-navbar 谁能告诉我这个标签有毛用啊?
发布于 12 年前 作者 firstgeniusboy 7028 次浏览 最后一次编辑是 8 年前

大家有谁用到这个标签吗?btn-navbar 中文还是英文网站上都解释的不清不楚,实际例子又没什么效果。谁能告诉我这个标签有毛用啊。

8 回复

看一下源码不就知道了,CSS这种东西还用问吗?

说明里说里面是压缩标签。但是用的时候都隐藏了,根本没法触发。所以才问,。你以为我逗你玩呢。

没有人知道吗?我看了所有的导航都有这个标签。但是没人知道干什么用的。都是在copy代码玩吗?

当视窗阔度少于979px时,navbar合拼后用作展开navbar的按扭

特意去boostrap主页看了下,btn-navbar无非就是一个导航按钮,该按钮float:right,会在右侧显示。不过默认的情况是display:none;css这东西其实没有楼主想的那么高深,手动去修改下样式属性就能知道其实现原理。 .navbar-inverse .btn-navbar { background-color: #0E0E0E; background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar .btn-navbar { background-color: #EDEDED; background-image: linear-gradient(to bottom, #F2F2F2, #E5E5E5); background-repeat: repeat-x; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075); color: #FFFFFF; display: none; float: right; margin-left: 5px; margin-right: 5px; padding: 7px 10px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

我看的懂 css 我不懂的是这个标签有什么用?既不能触发也不能显示,那为什么所有导航都加上那段代码?

@firstgeniusboy 你把浏览器缩小看看,就能够看到效果了

@lovekugua 谢谢,我已经知道作用了。

回到顶部