navbar相关内容

在同一页面上的多个导航栏与Twitter的Bootstrap 3

同一网页下拉式菜单中的多个导航栏将与其他导航栏重叠,请参阅: 如何防止这种情况? 方案 虽然导航栏是为了单数使用,你可以随意使用更多作为一个导航栏每页。同一页面上的多个导航栏将具有相同的z-index(1000),因此下拉列表可能会重叠。当使用更多导航栏时,每个都有不同的z-index(和id)。第二个z-index应该低于第一个,等等。 B.e。具有导航栏如: ..
发布时间:2017-01-20 23:04:17 前端开发

Navbar主动链接与透明三角形

您知道如何使用CSS吗? 在我的导航栏中,我想看到一个透明的三角形到活动链接。 如果我创建一个带有透明三角形的PNG图像,并使用它: background:rgba 0,0,0.4)url(triangle.png)no-repeat bottom center; 这不能正常工作,因为在我的三角形下显示透明rgba颜色 rgba (0,0,0,0.4) ... ..
发布时间:2017-01-20 03:35:41 前端开发

在滚动上设置Bootstrap导航栏透明度

我使用一个名为custom.css的辅助文件来覆盖引导代码,我想知道如何创建一个代码,只有当我的网站的访问者不在页面的顶部。 p> 到目前为止,我使用bootstrap提供的默认代码创建了一个透明导航栏。我只需要设置它执行: background-color:#color 当访问者向下滚动时。 示例: https://www.lyft.com/ 当我在页面顶部时,navbar是透 ..
发布时间:2017-01-19 01:33:32 前端开发

Bootstrap 3 - 如何最大化navbar内的输入宽度

目前我有一个导航栏,如下所示: http://bootply.com/78239 我想最大化“搜索”文本输入的宽度,而不创建换行符(即,“清除”链接将与“关于”链接紧密相连)。 我只有css和网页设计的基本经验。我读了一些关于“ overflow:hidden ”的技巧,但是我不明白当目标元素右边有更多元素时如何使用它。 感谢 编辑: 部分解决方案可以为每种情况设置 ..
发布时间:2017-01-18 15:00:18 前端开发

如何使用新的affix插件在twitter的bootstrap 2.1.0?

关于这个主题的引导文档对我有点混乱。我想实现类似的行为,如在文档与affix navbar:导航栏是在一个段落/页面标题下面,向下滚动它应该首先滚动,直到到达页面的顶部,然后坚持固定为进一步的向下滚动。 由于jsFiddle与navbar概念不兼容,我已经设置了一个单独的页面作为一个最小的例子: ..
发布时间:2017-01-18 13:30:12 前端开发

更改引导导航栏折叠断点而不使用LESS

目前,当浏览器宽度降至768像素以下时,导航栏将更改为折叠模式。我想将此宽度更改为1000px,因此当浏览器低于1000px时,导航栏更改为折叠模式。我想这样做而不使用LESS,我使用手写笔不是LESS。 我的问题与此问题相同: Bootstrap 3 Navbar Collapse 但是这个问题的所有答案解释了如何通过更改LESS变量来做到这一点。我没有处理LESS,我使用手写笔,所 ..
发布时间:2017-01-18 10:05:35 前端开发

Bootstrap 3 Navbar带有标志

我想使用Bootstrap 3默认导航栏中的图片标志,而不是文字品牌。什么是正确的方式这样做,而不会导致任何问题与不同的屏幕尺寸?我假设这是一个常见的要求,但我还没有看到一个好的代码示例。 我试着只是将一个IMG标签放在具有导航栏的A标签内。 -brand类,但是导致菜单不能在我的Android手机上正常工作。我也尝试增加navbar类的高度,但是更麻烦的事情。 顺便说一句,我的标志图 ..
发布时间:2017-01-18 10:02:18 前端开发

持久化jquery移动navbar

我想让持久化的Jquery Mobile导航栏页脚工作。我想使用javascript动态绘制(它是为PhoneGap应用程序),而不是使用PHP模板页脚。 以下改编自: http://the-jquerymobile-tutorial.org/jquery-mobile- tutorial-CH21.php 然而,jquery样式不适用于页面2和3.它就像$(“#navbar”) . ..
发布时间:2017-01-09 14:01:17 其它移动开发

导航栏颜色在Twitter Bootstrap

如何更改Twitter Bootstrap 2.0.2的导航栏的背景颜色?如何更改导航条的所有元素的颜色以反映背景颜色? 解决方案 您可以覆盖引导颜色,包括 .navbar-inner 类,通过在您自己的样式表中定位它,而不是修改bootstrap.css样式表,如下所示: .navbar-inner { background-color:#2c2c2c; / * fallbac ..
发布时间:2016-12-17 21:20:33 其他开发