1回答
引导程序4中的导航栏
、、、
我有一个用Bootstrap 4制作的网页。在移动视图中，导航栏切换器没有进入导航栏，如下面的截图所示：
这是该网页的。我想知道我需要在样式表中做什么更改，以便导航栏和导航栏切换器在移动视图上看起来很好。此时，导航栏切换器正在从导航栏中出来，如上面的截图所示。
浏览 17提问于2017-08-28得票数 0
3回答
我正在使用Bootstrap，在使用导航栏时遇到了问题。在我的导航栏中，我有几个div，我想要达到导航栏的完整高度，但导航栏似乎总是比里面的div高一点。我想这是因为导航栏上的什么东西，但是我找不到了。查看这个jsFiddle：
请注意这三个.rhombus div。它们应该是导航栏的完整高度，但它们下面有5个像素的额外空间。如果我把菱形div调高5个像素，导航栏就会伸展。
我确信这是我没有遗漏的简单的东西，但我就是找不到它。
浏览 0提问于2015-03-22得票数 0
2回答
我正在使用bootstrap的navbar -fixed bottom在底部添加一个粘性的导航栏。这很好用。我遇到的问题是，当我使用Backbone.Marionette动态添加内容时，导航栏不再停留在底部-相反，它只是停留在相同的位置，隐藏一些内容，最终当我添加更多内容时，内容就会移到导航栏的下方。
有没有一种方法可以强迫导航栏停留在底部，不管添加了多少内容？
浏览 0提问于2014-08-06得票数 1
回答已采纳
我正在尝试将导航栏高度设置为45 px。导航栏的默认高度为50px。
我更改了bootstrap.css
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
至
.navbar {
position: relative;
min-height: 45px;
margin-bottom: 20px;
border: 1px solid transparent;
}
但现在导航栏下有一个小间隙(导航栏-固定-顶部)
浏览 0提问于2013-12-22得票数 0
我一直在使用bootstrap的导航栏css。在这个导航栏下面，我有一个我想放在导航栏下面的。但是，为什么它总是从顶部开始，而不是在导航栏下面？我看过twitter bootstrap的例子，他们能够在固定导航栏的下方放置一个。这是我的的链接。知道为什么会这样吗？
这是我现在拥有的html：
<div class="navbar navbar-fixed-top">
</div>
<section id="main">
</section>
浏览 1提问于2013-10-06得票数 8
回答已采纳
我正在使用twitter bootstrap，但在导航栏高度- css方面有问题。
我想将导航栏的高度降低到30px，但当我使用img徽标时，导航栏的高度不会降低。我缩小了徽标的大小，但似乎没有什么不同。
完全被难住了，被惹恼了。
浏览 1提问于2012-04-13得票数 4
回答已采纳
1回答
看一下Bootstrap 4文档，可以清楚地看到左侧有一个左对齐的导航栏，该导航栏将其父级的整个高度作为主要内容在中间滚动。我一直在检查元素，试图对其进行反向工程，但尽管我可能会尝试，我似乎无法让我的列达到完整的高度。关于如何使用Bootstrap 4实用程序类实现这一点，您有什么想法吗？
浏览 2提问于2018-05-18得票数 0
我想在不破坏twitter bootstrap中已修复的scrollspy停靠行为的情况下更改导航栏的高度。我可以在哪里调整这个设置？更改nav元素的偏移量属性似乎并没有起到作用。
这是一个在导航栏高度更改之前正确对接导航栏的示例，如果向下滚动，您将看到导航栏对接：
然而，一旦我使导航栏变高，潜航器就会完全陷在下面，以为它是导航器和以前一样高。
浏览 0提问于2013-04-23得票数 0
回答已采纳
我用twitter bootstrap来获取兴趣。这些天，我一直在尝试制作自定义导航栏。我想在底部导航栏上显示一些信息，使它成为导航栏-固定-底部。但我不能自定义它的高度。默认高度对我来说是不够的。
如果有人遇到过这个问题，并有解决方案，请分享。谢谢。
浏览 0提问于2012-11-27得票数 8
回答已采纳
1回答
使用比导航栏更高的图像
、、、
我在一个项目中有这个导航栏： <nav class="navbar navbar-dark bg-dark">
<a class="navbar-brand" href="#">
<img th:src="@{/img/bootstrap-solid.svg}" width="30" height="30" class="d-inline-block align-top" alt="">
Kleber App
浏览 8提问于2020-04-04得票数 0
基本上，页面有一个导航栏，后跟一个包含两列的行。在左侧列中显示用户简档信息(简档图片、短bio等)，并且在右侧列中显示一些其他信息。
当我尝试滚动页面时，它看起来像是导航栏下面的引导卡在导航栏上滚动。
我希望导航栏和左侧的列保持固定，当页面滚动，但右侧的列可以滚动。
这是html页面..
<nav class="navbar navbar-expand-lg navbar-light bg-cream-shade" id='bootstrap-override-navbar'>
Some nav setup
</nav>
<!-
浏览 0提问于2018-09-03得票数 0
1回答
我正在使用Bootstrap创建我的用户界面。
我有一个相对较高的导航栏；导航栏的默认高度是50px，我的导航栏是100px。当我渲染一个拆分按钮时，菜单下拉菜单并不考虑导航栏的高度(下面的链接说明了这个问题)。我如何修复这个问题，使下拉菜单呈现在按钮下方(而不是导航栏下方)？
此外，如果有人对如何消除按钮组中间的间隙有一个建议，那也是很棒的！
澄清
我使用的是SASS，所以我没有意识到我粘贴的链接没有说明这个问题。我编译了我的CSS并将其放在JSFiddle链接中。不幸的是，那里的CSS文件很大。
如果您正在使用带有LESS或SASS的BootStrap，我将$navbar-height变
浏览 0提问于2014-06-23得票数 1
1回答
我想在屏幕底部(浏览器区域)对齐页脚(Bootstrap导航栏)，而不使用固定导航栏。如果内容高度小于屏幕高度，则在底部显示"navbar“，否则正常使用滚动条。
我尝试使用navabr-fixed bottom，但它总是显示导航条，即使内容高度较大也是如此。
<!-- FOOTER -->
<div class="visible-desktop navbar navbar-fixed-bottom">
...
</div>
有谁能帮帮我吗？谢谢
浏览 0提问于2013-01-23得票数 1
我在我的项目中使用了带有导航栏的bootstrap3 -fixed-top。在前面提到的导航栏中，有一个高度约为700px的DIV，这使得整个导航栏可以伸展到700px，并覆盖了我的内容(我无法点击主容器的内部输入)。
有没有人可以帮我正确设置overflow参数，这样导航栏内的元素就不会拉伸整个导航栏，而是留在导航栏的“外部”？
<nav class="navbar navbar-default navbar-fixed-top">
...
<my-custom-widget></my-custom-widget> <!-- th
浏览 21提问于2017-08-14得票数 2
回答已采纳
我尝试在bootstrap中创建一个粘性页脚，并使用这里提供的默认模板：
提供的示例似乎有一个问题；当通过较小的分辨率查看页面时，导航栏会折叠(这是理所应当的)，但是最初使内容不会隐藏在导航栏下的60px填充在导航栏和内容之间造成了很大的差距。
有什么想法吗？
谢谢
浏览 0提问于2013-05-29得票数 0
回答已采纳
1回答
我用bootstrap 4创建了一个简单的主题，导航栏有一个固定顶部的类。在nav下面，我有一个div，它将页面标题作为内容。
<div class="aloldal_text_div">
<div class="container">
<h1><?php get_site_cim($siteID); ?></h1>
</div>
我的问题是，这个div“上”到了导航栏。我给它一些页边距-顶部，但这是不好的，我认为因为固定的导航栏。
有人能帮我修一下吗？。
谢谢。
浏览 16提问于2020-03-12得票数 0
回答已采纳
在twitter导航栏的文档中，这样写道：
粘贴导航栏时，请记住要考虑下方的隐藏区域。向中添加40px或更多填充。请确保在核心Bootstrap CSS之后、可选的响应式CSS之前添加此内容。
这是什么意思？为什么会有隐藏的区域？这是因为twitter是这样做的，还是它应该是这样工作的？我对HTML/CSS/Bootstrap比较陌生
浏览 0提问于2012-06-09得票数 0
回答已采纳
我正在使用示例页面Bootstrap导航栏固定顶部的地址：
在我的例子中，我延长了默认菜单的长度(即添加更多菜单项或更长的菜单项措辞)。当屏幕尺寸在768-990px之间时，导航栏分成两行(左侧部分在顶部，右侧部分在底部)。
当这种情况发生时，Joombotron部分的顶部被覆盖并在导航栏后面丢失(单击以查看下图)。
如何修正才能确保Jumbotron始终低于导航栏部分？
谢谢你，K
浏览 2提问于2016-10-31得票数 2
我正在尝试添加一个背景颜色到活动的bootstrap 4导航栏项。它只适用于部分。如何适用于全身型？我使用css，比如，
.active {
background:rgba(165, 168, 168, 0.329);
}
浏览 0提问于2019-05-04得票数 1
2回答
我正在尝试减少Bootstrap3固定导航栏的高度。我在ariable.less中找到了@navbar-height变量，并修改了它，但它似乎没有改变任何东西。我也尝试了这些解决方案：""，"“。没有结果。
有什么想法吗？
谢谢
浏览 2提问于2013-11-10得票数 8
回答已采纳
2回答
我正在使用Twitter的Bootstrap设计一个网站，我在使用响应式导航栏时遇到了困难。在bootstrap中，导航栏允许移动用户单击图标以扩展导航栏并显示导航链接。我找不到如何调整最大高度...当我尝试使用其中一个下拉栏时，导航栏没有相应地改变大小，并且用户无法看到任何链接。
感谢您能提供的任何帮助。
-A
编辑:下面是我用于导航栏(html)的代码。我使用的css是标准的bootstrap.css和bootrstrap responsive.css：
<div class="navbar navbar-inverse navbar-fixed-top">
浏览 1提问于2013-07-06得票数 2
回答已采纳
我正在尝试制作一个导航栏与正确的折叠动画时，有移动屏幕大小。 我一直在关注这个教程：https://angularfirebase.com/lessons/bootstrap-4-collapsable-navbar-work-with-angular/#ui-top-nav-component-html，并设法让它工作起来。但是，正如您在示例中看到的，您首先显示了一个块，然后滑动文本。当然，我希望文本和块同时滑动，就像在bootstrap documentation (Bootstrap navbar)中一样--要查看它，你只需缩小窗口并按下导航栏按钮，就可以看到菜单平滑地折叠。 可以通过
浏览 21提问于2019-02-10得票数 0
Twitter-Bootstrap中导航栏的默认高度太小。当高度增加时，它会侵占下面的div。如何增加向下滑动整个页面的导航栏的高度？如果可能，如何将导航栏链接放置到导航栏的顶部/底部。
浏览 6提问于2012-03-29得票数 8
回答已采纳
1回答
引导程序附加插件导航栏顶部延迟
、、、、
我使用的是bootstrap 3的最新版本。我使用的是affix插件来修复一个静态导航栏。然而，在导航栏更新并固定到顶部之前，它会有相当长的延迟。它在所有浏览器上都是可重复的。
我认为用视频来显示问题是最简单的，我也提供了一些代码。
<h1></h1>
我想要的效果是一个干净的瞬间过渡，就像
这个"“
我还应该指出，我正在使用jQuery来定义我的部分高度和词缀偏移，我最初认为这会导致延迟，但现在我认为这是不可能的。
对我来说，这感觉像是性能问题。我认为jQuery在计算高度和对导航栏应用样式上花费了一点时间。
我希望有人能对这件事有所了解。
浏览 13提问于2016-07-27得票数 0
我们如何创建一个类似于Twitter Boostrap网站的导航条呢？导航栏是黑色的，更重要的是在页面中间居中。链接的排列似乎也太高了。
使用下面的代码创建的导航条与左边对齐。如何让它以最大宽度为中心，就像Twitter Bootstrap的网站一样。
目标肚脐
尝试
<div class="navbar navbar-fixed-top navbar-inverse">
<div class="navbar-inner">
<a class="brand" href="#
浏览 1提问于2013-06-13得票数 2
回答已采纳
3回答
这描述了问题：https://www.codeply.com/p/YFfrDC5Bz2 我希望在剩余的视区高度上拉伸侧边栏，以便页脚始终可见，而bootstrap 4导航栏可以是任何高度。有没有办法做到这一点？ 换句话说，我根本不想让侧边栏滚动，因为只有内容是可滚动的。
浏览 45提问于2020-11-07得票数 0
3回答
我有一个半透明的肚脐和一个背景图像，两者一起应该是浏览器窗口的高度。
我有一个身体填充物顶，不必一直定义一个容器。问题是导航条+背景图像现在比浏览器窗口大，而且我有一个滚动条。
我怎么才能摆脱滚动条呢？导航栏+背景图像=浏览器窗口高度，而没有部分背景图像在导航栏后面。
下面是一个Fiddle：
以及相应的代码：
.navbar {
background-color: #FF0000;
opacity:0.7;
border: 0 !important;
box-shadow: none !important;
-webkit-box-shadow: none
浏览 6提问于2016-04-13得票数 0
回答已采纳
我正在用HTML/HTML5做一些实用的设计。我正在尝试设计一个导航栏只使用html5 (不是CSS或bootstrap或高级技术)。我想在导航栏中设置菜单。我希望导航栏看起来像中提到的那样(关于每个菜单的大小和它如何覆盖整个页面)。
我在HTML的正文中使用了以下代码：
<td colspan="3" width = 1200>
<nav>
<a href="index.htm">Home</a> |
<a hre
浏览 1提问于2016-07-14得票数 0
1回答
我有一个标准的Bootstrap导航栏，滚动50px后，jQuery会添加词缀，如下所示：
<script type="text/javascript">
$('#mainNav').affix({offset:{top:0}})
</script>
因为这会将导航栏从position:relative切换到position:fixed，所以当导航栏下面的内容跳到屏幕顶部以填充空间时，它会导致跳跃。
我一直在玩，无法阻止这种跳跃的发生，或者至少让它变得顺畅。我试图从一开始就修复导航栏，并为导航栏的高度添加一个margin-top，
浏览 16提问于2017-06-24得票数 0
所以我有一个react-bootstrap导航栏。我需要更改所选导航链接的背景颜色。我的Css仅在导航链接标题周围着色，而不是此navlink占用的整个空间
我的导航栏：
它应该是什么样子：
我的导航条形码：
const NavBar = () => {
let tabs = [
{ name: "Warehouses" },
{ name: "Dispatched to Process" },
{ name: "Sales" },
{ name: "Us
浏览 1提问于2021-09-04得票数 1
2回答
击顶时闪烁的导航
、、、
我想知道怎样才能让导航栏在顶端闪动。
我使用了bootstrap navbar和一个jquery脚本来使它在向下滚动时停留在顶部，但如果不使用jquery的“fadein/out”特性，我就无法让它闪烁。
还有没有其他我可以使用的选项？
$(function(){
var advancedNav = $('#custom-bootstrap-menu').offset().top;
$(window).scroll(function(){
if( $(window).scrollTop() > advancedNav ) {
浏览 10提问于2017-07-05得票数 0
1回答
如何在显示警报时自动滚动到顶部
、、、、
我使用Redux操作创建了Alerts，每当成功提交帖子或生成错误时，都会生成警报。问题是，当警报生成时，它会显示在网页顶部的导航栏下方。因此，如果警报是在单击顶部区域下方的按钮后生成的，则不会显示警报，因为它显示在导航栏的下方。 我想让它，无论何时警报显示，它会自动滚动到网页顶部，以便用户可以看到它。是否可以使用简单的css，bootstrap？
浏览 17提问于2020-04-27得票数 0
我使用的是BootstrapCDN v4.1.3，我希望我的导航栏始终固定在用户浏览器的顶部。当我将nav div设置为position: fixed;时，当浏览器处于桌面模式时，所有链接都不能被点击；当浏览器处于移动模式时，导航栏切换按钮不会下拉。一旦我删除了position: fixed; CSS属性，一切都会在导航栏中运行，除非导航栏不再位于常用视频的上方，并且当在移动浏览器中切换导航栏菜单时，导航栏会将视频向下推。这不是我想要的结果，如果有人能帮我弄清楚如何让导航栏正常工作，同时保持用户浏览器顶部的固定位置，我将不胜感激。
nav.navbar {
background-col
浏览 3提问于2018-09-22得票数 1
在bootstrap 4.0中，我希望将导航栏覆盖在页面内容之上，而不是在单击汉堡后导航栏从折叠状态展开时将内容向下推。
我尝试在navbar类和其他几个类上设置z-index属性。我还尝试对nav元素进行包装，并在其上设置z-index: 1000和position: absolute。到目前为止，我还没有成功。任何帮助都将不胜感激。
浏览 17提问于2018-03-02得票数 1
回答已采纳
2回答
我希望jQuery的slideUp和slideDown方法能够在引导导航栏上顺利工作。但是当我测试它时，当slideUp方法被应用时，导航条只向上滑动了一小部分，然后立即消失了，同样的方法被应用到slideDown，只是相反的方向。为什么会发生这种情况，以及如何使动画顺利运行？
代码片段如下所示。
$('.slideUpBtn').click(function() {
$('nav').slideUp("slow");
});
$('.slideDownBtn').click(function() {
$('n
浏览 2提问于2016-04-03得票数 0
回答已采纳
这个网站上有一个过时的问题版本，它没有回答我的问题。
我正在尝试使用Bootstrap创建一个网站，该网站有一个登录页面，其中封面图像/旋转木马填充了整个浏览器区域，导航栏固定在底部。它不应该在视图区域下方，而应该在屏幕底部。此外，它应该被修复，这样当访问者向下滚动时，导航栏会向上滚动，一旦到达屏幕顶部，导航栏就会卡住并向下滚动。
我试着使用了这个附加插件，尽管我还没能想出如何用它来完成上面的工作。
这是我偶然发现的一个网站，它的布局就是我想要创建的：
感谢您的帮助。
浏览 14提问于2016-08-05得票数 0
我已经使用bootstrap.min.css实现了导航栏。在tab解析过程中，我得到了两行的启动菜单。
为了解决上面的问题，我想要如下图所示的要求。
浏览 7提问于2016-10-04得票数 0
2回答
我是HTML和CSS的新手，在过去的4天里已经开始编码了。我发现bootstrap在快速运行方面非常有用。
这是我试图获得一个透明的导航栏，并固定在顶部。
<!-- Top-Navigation-Bar -->
<div class="row-fluid">
<div class="navbar navbar-fixed-top">
<div class="navbar-inner" id="topbar">
<div clas
浏览 0提问于2013-03-24得票数 0
回答已采纳
1回答
我是bootstrap 4的新手，我有一个关于导航栏的问题。所以我想有我的公司名称和它的标志旁边，但由于某些原因，图像太大了。我可以做什么来改变图像的大小以适应导航栏的内部。谢谢!
<nav class="navbar navbar-expand-sm fixed-top">
<div class="container">
<a href="index.html" class="navbar-brand text-dark display-4">
<im
浏览 36提问于2018-09-10得票数 1
回答已采纳
1回答
我不知道那个空间是怎么来的。我不想要固定的页脚，但只想固定导航栏。我的导航栏工作正常，但是页脚下面有一些空白。
body {
padding-top: 4.5rem;
min-height:100%;
}
.footer {
position: relative;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
left: 0;
height: 60px;
line-height: 60px; /* Vertically center the te
浏览 12提问于2017-07-05得票数 0
如何在Bootstrap中设置div样式，以在正常的12网格“行”和“跨度”系统中跨越视区的整个宽度(没有固定的位置)？
在Bootstrap源代码中，navbar-fixed-top类使用固定位置以及left和right属性来实现此效果：
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
}
但是，无论如何滚动，此导航栏都会留在窗口中。需要什么样式才能在没有固定位置的情况下获得相同的整个视口宽度？
浏览 0提问于2012-04-26得票数 3
回答已采纳
我想要有以下样式布局 +-----------------------------------------------------------+
| Top Sticky Nav |
+--------------------------------------------------------+--+
| |S |
|
浏览 26提问于2019-01-08得票数 0
1回答
我正试图在twitter-bootstrap导航栏中的鼠标悬停事件中滑出一个名称。
我的代码将名称滑出，但在转换过程中，元素的位置变得混乱。
这是一个显示问题的。
浏览 1提问于2015-04-17得票数 0
这个问题可以在所有(据我所知的) Twitter Bootstrap版本中表现出来。所以，我有一个导航栏，当屏幕变小时，它就变成了一个可折叠的托盘。这种行为可以在bootstrap演示站点上看到。我还有一些子菜单，在最初的导航栏展开时显示为折叠的。问题是，在第一次折叠时，可折叠对象会得到一个显式的高度设置。如果关闭并再次展开，可折叠对象将获得一个height:auto;
因此，当我单击子菜单项时，下拉菜单被展开，但由于高度被显式设置而溢出。
我尝试的解决方案是添加：
$(function() {
$('.nav-collapse').on({
shown: func
浏览 0提问于2013-02-07得票数 7
回答已采纳
我尝试使用Bootstrap文档片段在Bootstrap导航栏中将png图像显示为徽标，但png不显示。
我的header.php (我正在使用WordPress，但不希望导航栏是可管理的)在"default“文件夹中，徽标在"default”文件夹中的"img“文件夹中。
这是我的导航栏：
<img src="<?php echo get_site_url() ?>/img/logo.png" width="30" height="30" alt="">
<div class
浏览 1提问于2018-10-22得票数 1
使用twitter bootstrap (2)，我有一个带有导航栏的简单页面，我想在container中添加一个高度为100%的div (在屏幕底部)。我的css-fu已经生锈了，我解决不了这个问题。
简单的HTML：
<body>
<div class="navbar navbar-fixed-top">
<!-- Rest of nav bar chopped from here -->
</div>
<div class="container fill">
<div
浏览 51提问于2012-07-27得票数 149
回答已采纳
4回答
为了在导航栏中适应我想要的大小，我将页面顶部固定导航栏的高度增加到80px。现在的问题是，活动选定区域的高度并没有随着导航栏的变化而改变。 screencap of affected area 我的HTML： <nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand"
浏览 50提问于2016-06-14得票数 0
回答已采纳
尝试在bootstrap v4.1中降低导航栏的高度，但没有任何成功。我希望将高度设置为24px；
好的问候，理查德。
浏览 35提问于2018-08-05得票数 0
2回答
我只想使用UIViewController中的导航栏。
在iOS7中，如果我们使用导航控制器，导航栏的高度是64px。
但是当我在UIViewController中使用导航栏时，我无法更改导航栏的高度。
高度固定为44px。
如何使用界面生成器而不是编程来更改导航栏的高度？
Apple不支持xcode storyboard中的此功能？
浏览 0提问于2014-02-01得票数 1
2回答
这是我的导航栏的代码： <nav class="navbar navbar-default navbar-fixed-top">
<div class="container-fluid">
<button type="button" class="navbar-nav btn btn-default navbar-btn navbar-left previous_page" style="display:inline-block">
<span c
浏览 36提问于2019-02-28得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
