草庐IT

javascript - Bootstrap 导航栏切换按钮在移动设备中不可见

我正在为我的网站使用twitterBootstrap,它在顶部有一个固定的导航栏。当我在桌面浏览器中调整窗口大小时,一切都很好。当我在移动设备上打开同一个网站时,我可以看到navbar-brand但看不到切换按钮。我发布屏幕截图以便更好地理解(第一个是桌面firefox,第二个是android):这让我发疯!!!代码:.navbar-floating{background:black;color:#5b5656;width:100%;border-radius:0;}.navbar-floating.navbar-brand{color:#810000;font-size:20px;t

html - Bootstrap 导航栏底部不需要的 1px 线并创建导航栏侧间隙

1)所以我试图让我的导航栏和Bootstrap全部设置好,不幸的是底部似乎有一条1px的线,我似乎无法摆脱。谁能提出任何解决方案?2)此外,有没有办法在导航栏的每一侧获得间隙,但前提是视口(viewport)大于768像素?我可以通过将开始标记移到外部来实现这种效果,但就像我说的那样,我希望在移动设备上查看网站时导航栏向上移动。这是我的代码:http://pastebin.com/zHP09rNu谢谢。 最佳答案 对于像素边框,您需要在.navbar元素上设置border:0;或border-color:transparent;。例

html - 我需要帮助来制作垂直调整大小栏

我的问题很简单,我有三个div,它们在视觉上是水平的,但我想将它们保留为相同的方面,但垂直。我是初学者,我研究并尝试自己做,但我做不到。按照代码:.note-icon-bar{width:20px;margin:1pxauto;border-top:1pxsolid#a9a9a9;}我想将这三个小条垂直放置,以便我制作调整大小条。 最佳答案 您可以简化您的代码并使用一个div(2个边框+1个线性渐变),然后调整所需的值:.note-icon-bar-v{box-sizing:border-box;height:20px;width:

html - 固定顶部+底部导航栏,中间有可滚动内容

我正在使用Bootstrap,需要有2个固定的导航栏,顶部和底部。它们之间的内容变长,需要有一个滚动条。问题是滚动条出现在整个屏幕上,而我希望它只出现在内容上:TexttopRow1Row2Textbuttom在这里查看:JSFiddle我一直在关注类似问题的一些答案(例如here和here),但没有一个有效。我可能遗漏了什么。在我的JSFiddle中,您可以看到我的原始版本,因为所有建议的修复都对我不起作用。你能帮忙吗? 最佳答案 您的页面内容需要位于单独的div中,该div不会占用与顶部和底部导航栏重叠的任何屏幕部分。在您的情况

html - 使用 UL Li 列表绘制导航栏的原因是什么?

我见过大部分通过ul和li列表为选项卡结构完成的css导航设计。这背后的原因是什么?如果css以某种方式被禁用,此类网站的回退是什么? 最佳答案 语义标记有多种原因,例如:屏幕阅读器可以更轻松地访问网站Google机器人可以更轻松地抓取网站此链接提供了有关该主题的更多详细信息:SemanticHTML.此外,极不可能有人禁用CSS。在我看来,绝对没有必要为这种情况提供回退,无论如何导航仍然可以访问。 关于html-使用ULLi列表绘制导航栏的原因是什么?,我们在StackOverflow

javascript - 滚动条上的 Twitter Bootstrap 导航栏阴影

我希望执行以下操作http://codepen.io/anon/pen/eIfdn用于TwitterBootstrap导航栏。它只是在滚动时向导航栏添加阴影。任何建议都会有所帮助,谢谢。.navbar{*position:relative;top:0;left:0;width:100%;height:80px;z-index:999;-webkit-box-shadow:08px8pxrgba(0,0,0,0.5);-moz-box-shadow:08px8pxrgba(0,0,0,0.5);box-shadow:08px8pxrgba(0,0,0,0.5);display:none;

javascript - Bootstrap 将导航栏固定在 div 内

在bootstrapdocumentation他们能够在他们的.bs-docs-examplediv中“捕获”一个.navbar-fixed-top:[...]但是如果我在我的测试页面中做同样的事情,导航栏会“转义”div并固定在主体的顶部,而不是div的顶部。技巧是如何实现的? 最佳答案 好的,明白了。父元素容器必须有position:relative,而navbar必须有position:absolute,如果你附加.navbar-fixed-top或.navbar-fixed-bottom它将相对于父元素而不是相对于整个页面固

javascript - 单击链接时如何关闭 Foundation 顶部栏菜单?

我在我的单页网站上使用ZurbFoundation的固定顶部栏,它包含指向页面内各个位置的anchor链接。我希望这样,只要单击扩展的移动菜单中的链接,菜单就会关闭。目前,当点击链接时,页面会滚动,但菜单会在页面顶部保持打开状态。在以前版本的Foundation中,我能够对代码进行逆向工程并找到一个简单的解决方案。由于更新到4.3.1以修复顶部栏的另一个问题,由于我对javascript的了解有限,我无法找到解决方案。topbar在我看来,如果我可以在单击菜单中的链接时触发关闭菜单的事件或函数,它就会得到修复。以前,我将我的代码放在第261行的链接点击上。当移动菜单关闭时,.fixed

html - div 不会将自己定位在 bootstrap 固定导航栏下方

我一直在使用Bootstrap的导航栏css。在这个导航栏下面我有一个我想放在导航栏下面的。但是,为什么它总是从顶部而不是导航栏下方开始?我查看了twitterbootstrap的示例,他们能够在固定导航栏下方定位。这是我的website的链接.知道这是为什么吗?这是我现在的html: 最佳答案 Thefixednavbarwilloverlayyourothercontent,unlessyouaddpaddingtothetopofthe.Tryoutyourownvaluesoruseoursnippetbelow.Tip:B

javascript - 使导航栏在CSS中占据整个页面高度

我正在使用css和html设计一个网站。我已经使用此css设法在我的页面左侧获得了一个导航栏,但是当屏幕向下滚动时,导航栏不再继续。#navbar{background:#a8a599;float:left;width:20%;height:100%;}但是我想将导航栏的高度设置为文档的高度。我觉得我可能需要java脚本,但我是java脚本的新手,所以我不确定我将如何完成此操作。我认为将高度设置为100%会占据整个页面,但它只占据页面的可见部分。如果您想查看页面的其余部分,请点击这里http://jsfiddle.net/HRpXV/3/embedded/result/