Bootstrap 4导航栏在较小的视口上的高度为零

文章/答案/技术大牛

发布

1回答

html、css、twitter-bootstrap

链接到codeply 上的演示以下是Skelly制作的导航栏精选。我复制了navbar 10并将其排在第二位。调整视口大小以使切换可见时，位置2和11中的导航栏将失去其高度。切换是可见的和可单击的，并在视口中完美地生成div。这是bootstrap 4的问题吗？我知道我可以使用样式表来解决这个问题，但不需要这样做。谢谢你<em

浏览 12提问于2017-08-10得票数 0

回答已采纳

1回答

背景图像最大尺寸- Bootstrap 3

css、twitter-bootstrap、background-image

我在Bootstrap 3中有一行包含2列。在“桌面”上，徽标只有3列宽，导航栏的宽度只有8列|我的Logo导航列表|我的Logo导航列表我的问题在较小的视口中，我将徽标和导航设置为

浏览 0提问于2013-09-03得票数 0

1回答

选择折叠时导航的下拉菜单

menu、twitter-bootstrap、responsive-design、nav

当bootstrap为较小的视口折叠时，我不喜欢折叠的3行导航按钮。有没有办法让导航栏折叠到一个选择下拉菜单，同时把它放在页面的其他地方，而不是放在右上角？就像这样：

浏览 2提问于2012-11-30得票数 2

3回答

如何用导航栏下的边栏填充剩余的视口高度？

html、css、twitter-bootstrap、bootstrap-4

这描述了问题：https://www.codeply.com/p/YFfrDC5Bz2 我希望在剩余的视区高度上拉伸侧边栏，以便页脚始终可见，而bootstrap 4导航栏可以是任何高度。换句话说，我根本不想让侧边栏滚动，因为只有内容是可滚动的。

浏览 45提问于2020-11-07得票数 0

2回答

Bootstrap导航粘滞在页面顶部

html、css、angular、twitter-bootstrap

我对Bootstrap导航栏有问题。nav> <app-footer></app-footer> 当我打开页面时，导航栏在页面的顶部，不出所料，但当我滚动它时，它会停留在页面的顶部，而不是屏幕的顶部(所以它不会跟随滚动条)。是我对它的工

浏览 2提问于2018-05-03得票数 0

1回答

Bootstrap 4侧边导航

html、css、twitter-bootstrap、bootstrap-4

看一下Bootstrap 4文档，可以清楚地看到左侧有一个左对齐的导航栏，该导航栏将其父级的整个高度作为主要内容在中间滚动。我一直在检查元素，试图对其进行反向工程，但尽管我可能会尝试，我似乎无法让我的列达到完整的高度。关于如何使用Bootstrap 4实用程序类实现这一点，您有什么想法吗？

浏览 2提问于2018-05-18得票数 0

2回答

Vuejs从顶部导航栏移除滚动条

css、vue.js、navbar、bootstrap-vue

在我的Vue js应用程序中，导航栏由于滚动条而闪烁，即，在一些路线中有滚动条，而在一些路线中没有滚动条，因为导航栏闪烁与此stackoverflow页面相同，每当在路线之间切换时滚动条都会闪烁。有没有办法从导航栏中删除滚动条？

浏览 21提问于2019-10-01得票数 0

1回答

防止标题背景图像在较大的视口上变窄

css

我在我的网站上的某些页面上有一个状态菜单作为标题，它在较窄的视口上工作得很好，但在较大的视口上，背景图像太宽，变得太窄，所以状态菜单消失在白色的主体中。当视口变宽时，如何阻止背景图像变得太窄？由于某些原因，在css中尝试最小高度似乎无法解决这个问题。images/navbar-header.svg") no-repeat c

浏览 48提问于2019-03-15得票数 -1

回答已采纳

1回答

引导程序折叠在小视图中不起作用

javascript、html、css、twitter-bootstrap

我似乎对小视图中的Bootstrap折叠下拉功能有一个奇怪的问题。我在XS和S视图的标题中都有图标，在XS中，点击这些图标将扩展功能，而在S中，这些下拉菜单已经打开，如果我尝试点击与下拉菜单交互的按钮，我会得到一个奇怪的动画。 Iv注意到关闭显示：！重要；在引导css (浏览器调试器)中的导航栏-折叠。似乎可以解决这个问题--然而，无论出于什么原因，这都是一个糟糕的</em

浏览 1提问于2015-10-16得票数 3

3回答

Navbar比引导柱宽度更宽

html、css、twitter-bootstrap

我试图将navbar固定在屏幕的左边，在sidebar中有效地定位，其余的页面内容呈现在右边。} height: 10%;} <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"

浏览 0提问于2017-11-15得票数 0

回答已采纳

1回答

这种风格是从哪里来的？

javascript、html、css、getuikit

我搜索了输入这篇文章时出现的几个建议问题，但我找不到我的问题的答案。 <div class="uk-sticky-placeholder" style="height: 123px; margin:0px;">这将在我的代码中处于什么位置，我如何修复它？(我应该注意，当我在

浏览 15提问于2017-01-24得票数 0

回答已采纳

1回答

转标题菜单/导航栏的文本变成小视图的图标(rails 4/bootstrap3)

css、ruby-on-rails、twitter-bootstrap、responsive-design、twitter-bootstrap-3

我正在使用一个Rails 4应用程序上的引导程序3。我在页眉上有一个“正常”的固定导航栏。目前，当视口减少(小型设备)时，所有菜单标题都会消失，进入“三条”图标，如这里所示： (在一个小屏幕/视口上试一试)。是否可以使用引导3使所有菜单标题都进入这三个条形图标，而是用非常小的图标替换所有文本(例如，帮助将被一个“？”图标取代)，以便在视图非常小的时候有足够的</

浏览 1提问于2014-08-31得票数 0

回答已采纳

3回答

如何使Bootstrap* 3导航栏不可折叠*

javascript、html、css、twitter-bootstrap

如果用navbar替换navbar-collapse，我得到的外观就像切换了显示折叠的菜单项按钮一样。我还发现了一些问题，如何减少导航栏崩溃时的断点，但这不是我需要的。我需要的是删除可折叠的菜单一般。

浏览 9提问于2014-03-03得票数 0

1回答

Bootstrap导航栏折叠按钮的问题

html、twitter-bootstrap

我有一个问题是，当它在移动模式(小屏幕)它不显示侧栏菜单(仪表板，菜单，内容，类别等)内的汉堡。我怎么才能修复它？我的HTML代码： <nav class="navbar navbar-inverse navbar-fixed-top"> <div class="container-fluid

浏览 20提问于2017-08-04得票数 0

1回答

家长100%视口高度，一个孩子固定高度，另一个取剩余

css

我试图样式100%视口高度页面与固定高度导航在顶部和身体在它之下，应该采取剩余的高度。<li> </li> </nav> <div class="col-4

浏览 3提问于2017-02-09得票数 0

回答已采纳

2回答

引导-当单击汉堡包图标时，Navbar菜单项不可见

html、twitter-bootstrap-3

我很感激我所能得到的一切帮助:)我不能让汉堡包图标起作用。我成功地制作了一个汉堡包图标，它只在较小的视图上可见，但是当我单击汉堡包图标时，它没有显示它应该包含的菜单项。下面是导航栏的代码： &l

浏览 2提问于2018-09-24得票数 1

回答已采纳

2回答

引导导航栏-默认

html、css、twitter-bootstrap

当我查看bootstrap在其网站上为其导航栏默认(getbootstrap.com/components/#navbar-default)，提供的示例时，我遇到了一些我不理解的html： <button

浏览 2提问于2015-10-30得票数 0

4回答

如何使用display创建三个响应性div: table和no JS？

html、css、responsive-design

 如何创建一个具有响应性的三个div的安排，以便：我希望这个解决方案能得到浏览器的广泛支持。但是，如果我为所有三个元素创建另一

浏览 9提问于2015-11-15得票数 0

回答已采纳

1回答

无法在导航栏中将导航条品牌图像位置更改为垂直居中

html、css、twitter-bootstrap、navbar

因此，我正在尝试建立一个网站，我试图在导航栏中插入一张图片，该导航栏品牌是导航栏品牌，但图片不在中心。 

浏览 2提问于2017-05-05得票数 0

1回答

主体内容HTML和CSS对中

html、css、alignment、width、center

我很难把网页的内容集中起来。目前，在我的移动设备上它看起来是这样的：我希望把这个页面的所有内容集中在屏幕上，并让宽度填充页面。我的HTML如下： <head></html> s

浏览 1提问于2015-04-19得票数 1

回答已采纳

点击加载更多