我用Bootstrap 5.02创建了我的网站。我的网址如下：https://www.cafetiere-automatique.fr 问题是，当我为移动和平板电脑视图制作汉堡菜单时，汉堡菜单破坏了导航和徽标。总而言之，我在Bootstrap中添加了一个导航代码，但在平板电脑和移动视图中，汉堡菜单在另一行上出现了问题。navb
浏览 15提问于2021-07-10得票数 1
回答已采纳
我使用的是bootstrap 4 beta版。
目前，这些都是左对齐，如下图所示。我认为使用块级按钮会在下拉菜单上给我想要的结果，但它们在全尺寸
浏览 2提问于2017-10-11得票数 0
1回答
我是一个Bootstrap/css新手，所以如果之前讨论过这个问题，我很抱歉……我一直在寻找各种顶级导航的可能性，并一直在使用“navbar -fixed top”来测试Bootstrap的导航栏预设。我的问题是:是否有可能在一个容器上应用一个“固定”标签，这个标签可能包含多个项目(徽标和多个导航菜单行)？以这个站点为例：是否可以将站点的顶部区域(紫色和白色行)都固定在屏幕顶部，但它们将保持响应并缩小大小，以便在屏幕顶部以x
浏览 0提问于2015-05-16得票数 1
如果我将导航栏的高度从默认大小更改为合适的大小(以便它可以将我的徽标保持在适当的大小)，则导航栏链接和汉堡菜单不再垂直居中。链接的位置我可以修复，但我没有做任何垂直居中的汉堡包按钮。这是我从React-Bootstrap站点为导航栏复制的代码，在响应模式下，汉堡按钮永远不会垂直居中。它位于页面的右上角。下面是我从React-Bootstrap站点复制的代码...Motion Graphics<
浏览 2提问于2017-10-10得票数 0
1回答
标题由导航、徽标、一些按钮和链接组成。在桌面上，徽标是左对齐的，菜单是展开的，但是当屏幕变小时，徽标就会改变位置到标题的中心，菜单可以用汉堡包图标切换。我的问题是，如果我将导航放在html中的徽标前面，它可以在小屏幕上工作，但在桌面上导航会首先聚焦，这会导致用户在浏览完整个导航之后，再进入标题内容的其余部分。因此，我的问题是，我如何解决它，使制表总是在同一位置开始
浏览 3提问于2021-01-14得票数 0
2回答
我在Bootstrap 4中使用带有品牌徽标图像(150px X 33px)的导航栏。 我需要将导航栏的高度增加到80px。我使用min-height: 80px;来实现这一点。 <!/system/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
.navbar {
min-height&
浏览 23提问于2019-12-10得票数 2
回答已采纳
1回答
我有一个自定义导航菜单，我想包含网站徽标和一个汉堡图标，显示导航锚在小屏幕上，我正在使用媒体查询，我希望汉堡图标垂直居中，以便当我拉伸浏览器窗口时，它仍然居中，因为我在相同的媒体查询。</div><input type="checkbox" id
浏览 2提问于2017-10-09得票数 0
我刚接触Bootstrap (和react-bootstrap)，所以我遇到了一些麻烦。这只在我有<Navbar fixed="top">的时候有效，在我切换到一个较小的视窗之前，这是很好的，在那里我的导航栏变成了一个汉堡菜单。如果我有fixed="top"，当你打开汉堡菜单时，它会扩展到我的页面下面的任何文本上，而不是按下它并为导航栏链接腾出空间。如果我从导航栏中
浏览 6提问于2019-07-09得票数 0
2回答
我正在学习如何为移动设备构建汉堡包菜单。 我已经构建了一个有三个孩子的导航。徽标，导航项目和汉堡包菜单。我使用flexbox将它们并排放置，并在桌面的汉堡菜单上显示: none，以便最初将其隐藏。这是导航栏的标记 <nav class="nav">
<div class="brand"><h4>The
浏览 11提问于2019-09-07得票数 1
1回答
我在Bootstrap里有个导航栏。我的网格设置为"md"，所以当我缩小我的sreen时，导航栏项目会消失，并放在一个下拉按钮中。也就是说，它可以正确地折叠。我的导航栏中只剩下品牌和下拉按钮。但是当我增加文本大小时，比如 font-size: 18px;有一个中间步骤，导航栏项目下的标志(在768px和991px之间)，我不想要这个。如何避免这种情况并使徽标<em
浏览 0提问于2015-09-24得票数 0
我正试图获得我的标志和汉堡包菜单，为更小的屏幕显示并排显示。在我的桌面上，当我的窗口变小时，汉堡包菜单仍然在标识的右边：但从我的手机上看，似乎是这样的：我想使标志大约小10% (或更多)，并让汉堡包菜单显示在它的右边从我的手机。>Sign Up</a </li>
我尝试过各种不同的引导类和
浏览 9提问于2022-11-24得票数 0
回答已采纳
我正在使用React-Bootstrap并构建一个导航栏。我想将React-Bootstrap汉堡包菜单图标替换为字体超赞的汉堡包图标。 如何更改内置的汉堡包菜单？这是我的导航栏： <Navbar expand="lg"> <FontAwesomeIcon icon=&quo
浏览 13提问于2019-10-03得票数 1
2回答
我一直在玩导航栏和菜单设置，但当我调整浏览器窗口的大小时，似乎无法触发汉堡菜单。有人知道为什么hambuger菜单没有触发这个标记的大小调整吗？
浏览 0提问于2016-06-30得票数 0
回答已采纳
3回答
我正在使用Bootstrap建立一个网站，我不确定解决以下问题的最好方法是什么。
我在导航栏的左边有一个很大的标志，在右边我有六个导航项目。在XS屏幕尺寸下，导航项目正确地折叠到汉堡菜单中，但是在这样做之前，它们会漂浮在徽标下面，这不应该是正确的行为。
浏览 1提问于2017-05-01得票数 0
晚上好社区，我是一个长期的“潜伏者”，我想以一个巨大的感谢大家的所有伟大的信息和辛勤工作开始。我发现自己面临着一点挑战/问题。桌面视图在最右边有徽标，旁边有链接，右边链接(链接#3)有下拉菜单(见下文)：平板/移动宽度使<em
浏览 2提问于2015-04-24得票数 0
回答已采纳
1回答
我有一个汉堡菜单图标，它在我的标题中作为侧边菜单的切换按钮。因为我已经实现了一个侧边菜单，所以当我从具有标题的首页转到其他页面时，如果我返回到首页，导航图标将获得带有display:none的类hide。既然我确实想要呈现汉堡菜单，我想知道如何避免这种情况？
浏览 1提问于2016-07-12得票数 0
我的设置中有以下代码。这个标志在我的桌面上看起来很正常，但是在我的手机上我看到了两个标识:一个通常是我想要的(右上)，另一个在顶部-中间。 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle
浏览 8提问于2014-08-05得票数 0
回答已采纳
1回答
我在使用bootstrap 4响应导航栏时遇到了问题。在较小的屏幕上工作如预期(标志在中心，汉堡包菜单在右边)
在较大的屏幕(桌面)上出现此问题，此时徽标和登录按钮被按到页面的左侧。徽标应该定位在绝对的中心和登录按钮的文字结束。我试着使用flexbox，但没有得到想要的效果。
浏览 1提问于2019-06-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
