Bootstrap 4中菜单项之间的空格
在Bootstrap 4中，菜单项之间的空格是通过CSS样式来控制的。具体来说，Bootstrap 4使用了flexbox布局来实现菜单项的排列和间距。
在默认情况下，菜单项之间的空格是通过margin-right属性来控制的。Bootstrap 4为菜单项添加了nav-item类，该类具有默认的margin-right: .5rem;样式，用于在菜单项之间创建默认的空格。
如果需要调整菜单项之间的空格，可以通过自定义CSS来修改margin-right属性的值。例如，如果想要增加菜单项之间的空格，可以将margin-right的值设置为更大的数值，如.75rem或1rem。
除了调整菜单项之间的空格，Bootstrap 4还提供了其他样式类来修改菜单项的排列方式和间距。例如，可以使用justify-content-between类将菜单项平均分布在导航栏中，或者使用mr-auto类将菜单项靠左对齐。
总结起来，Bootstrap 4中菜单项之间的空格是通过CSS样式控制的，可以通过修改margin-right属性的值或使用其他样式类来调整菜单项的排列和间距。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-world
相关·内容
1回答
Bootstrap 4中菜单项之间的空格
javascript、jquery、css、twitter-bootstrap、bootstrap-4
我在Bootstrap 4中做项目。我有一个小问题，菜单项之间的空间太大(顶部菜单，导航)我有这个代码： <nav class="navbar navbar-expand-lg text-body px-md-0 pb-md-0 navbar-light#"
id="navbarDropdown4
浏览 2提问于2020-07-13得票数 0
回答已采纳
3回答
引导4导航条-断开/浮动右肚脐
html、css、twitter-bootstrap、bootstrap-4、navbar
是否有一种方法可以通过Bootstrap 4(在第二行中使用居中菜单项)实现以下结果：这是用Bootstrap 3制作的，但我无法让它与Bootstra4(右肚脐)一起工作(升级，govel我的引导程序4代码：链接到
浏览 0提问于2018-10-15得票数 0
1回答
自定义导航视图菜单项之间的间距
android、navigation-drawer、androiddesignsupport、android-navigationview
是否可以在android设计支持库NavigationView中自定义菜单项之间的间距？
我的要求是在NavigationView中创建一个子菜单，其中菜单项之间的间距比父菜单小。
浏览 0提问于2015-10-21得票数 5
1回答
在flex中显示菜单项之前，你能得到菜单项的宽度吗？
apache-flex、actionscript、adobe、width、menuitem
我正在尝试获取flex 4中菜单项的菜单宽度。我可以获取它，但我必须首先显示菜单，然后隐藏菜单，进行计算，然后再次显示它。有没有一种更简单的方法来获得菜单项的宽度，而不是这个麻烦？
浏览 0提问于2011-03-12得票数 1
1回答
HTML - Bootstrap -菜单项不在iPhone上单击
html、twitter-bootstrap、menu、navbar
正如标题所说，在iPhone上查看时，我遇到了引导导航栏菜单项无法点击的问题。有什么想法吗？
浏览 3提问于2015-07-04得票数 0
2回答
侧菜单模糊页脚CSS / HTML / JADE
html、css、node.js、pug
我在我的node.js应用程序(查看引擎: jade)中使用了node.js的侧菜单，但是这并不重要，因为您可以简单地将代码从html转换为jade 但是如果你向下滚动，我们就有问题了，因为边菜单模糊了页脚，你可以在下面看到：
ex
浏览 1提问于2016-06-01得票数 0
回答已采纳
2回答
在Android 4.x中，Actionbarsherlock不会显示menuitem
java、android、xml、actionbarsherlock
它在Android1.x和2.x上运行得很好，但经过一些测试后，我注意到在Android4.x中菜单项目不显示。下面是我的菜单项的xml android:showAsAction="withText"这是它在android 4</em
浏览 2提问于2012-09-04得票数 0
1回答
非活动窗口中的QMenuBar项样式
c++、qt、windows-7、qt4
当窗口失去焦点时如何禁用更改menuItems在QMenuBar中的外观？活动窗口和非活动窗口中菜单项的一些简单屏幕截图：
浏览 13提问于2016-02-02得票数 1
回答已采纳
2回答
Firefox中菜单项之间的间隔
html、css、menu
我做了一个菜单，我使用过chrome，但是现在当我尝试使用firefox时，我得到了项目之间的间隔。utiles</a></li> </li> </ul>链接中的CSS
浏览 4提问于2015-05-04得票数 4
回答已采纳
0回答
Angular 2中的Bootstrap导航菜单
twitter-bootstrap、angular、angular2-routing、angular2-directives
courses">Courses</a></li> </div>问题是，当我单击像home这样的菜单项时我还没有包括bootstrap.js。
除了bootstrap.js & jQuery，在Angular 2中使选中菜单
浏览 4提问于2016-12-19得票数 2
回答已采纳
1回答
MatToolBar删除左右空格
angular、angular-material
您好，我想删除工具栏中菜单图标和屏幕边角之间的空间 我试着这样做： ::ng-deep .mat-toolbar {} 它很有效，完美地删除了左边的空格，但也移动了整个条形，在右边留下了一个空白 基本上，我想删除这些空格： ? 我是一个非常新的角度材料和css。
浏览 17提问于2021-04-25得票数 0
回答已采纳
2回答
毫不延迟地在viewPager片段中显示/隐藏菜单项(Android)
android、android-fragments、android-actionbar、android-support-library、android-menu
我知道类似的问题已经多次张贴在这个网站上，但是我的问题不是我如何在不同的片段中显示/隐藏菜单项。我把它弄下来了。问题是在滑动片段和显示或隐藏的新菜单项之间存在延迟。这种延迟确实减少了接口。动作栏菜单项的更改应立即进行，其中包括其他原因，以避免在错误的片段中单击某些菜单项。
因此，问题是，当用户开始滑动片段以转到下一个片段时，如何立即更改actionbar中的菜单项？我知道这是可能的
浏览 1提问于2014-07-08得票数 4
回答已采纳
2回答
Internet Explorer 10 -新的换行符，包含空格
javascript、internet-explorer-10
我有一个基于JavaScript的页面菜单，其中菜单项是从数据库生成的。, sans-serif",11,"#ffffff","#000000","#597B7B","#FFF9DC","left","middle",4,0,1000,-5,7,true,true,truefw_menu_1.addMenuItem("Menu Item 3","l
浏览 1提问于2013-02-13得票数 0
3回答
过滤DbgView输出中的空行
windows、debugging
有什么方法可以从DbgView中显示的输出中过滤出空行吗？
除排除特定PID之外的
浏览 0提问于2010-12-23得票数 10
回答已采纳
6回答
引导导航栏对齐/ span菜单项占据全角
html、twitter-bootstrap、navbar
我使用默认的Twitter Bootstrap响应导航栏(没有徽标和搜索)，但我希望菜单项跨转，占据整个菜单栏的宽度。下面是我现在拥有的默认Bootstrap导航栏(参见-空格)：和我想要的结果(菜单项占据全宽)：
[--home-- | ---menu item 1--- | ---m
浏览 0提问于2013-01-30得票数 29
1回答
自定义导航视图菜单UI Android
android、navigation-drawer、android-navigationview
我正在使用安卓的NavigationView控件创建滑动抽屉。除了导航视图中菜单项之间的间距外，一切都很好，如图像所示。
浏览 0提问于2016-09-21得票数 1
回答已采纳
1回答
自定义下拉按钮-向上移动
flutter、flutter-layout、flutter-animation
这也许是个愚蠢的问题，但我不知道如何使一个下拉式按钮上升，而不是下降，当它是集中。
也许我需要自己创造？还是可以使用下拉按钮小部件？
浏览 3提问于2021-05-19得票数 1
1回答
在Bootstrap 4中添加列之间的空格
html、css、twitter-bootstrap、bootstrap-4、spacing
我希望它看起来是什么样子：我试图在BS4中的列之间添加水平和垂直空间，但它总是弄乱断点(黑色或红色)或bootstrap的断点。有什么简单的方法可以增加空间吗？我试过BS4的新的页边距设置，但它没有真正的帮助(弄乱了标题和背景颜色)。另外，两个水平柱应该具有相同的高度。}
.
浏览 2提问于2018-02-17得票数 8
回答已采纳
1回答
使用ifstream检索引号内的完整字符串
c++、string、file-io
选项“游戏设计与开发” temp.is_subMenu = false; }
}
这对前3个菜单项很有效，当引号中菜单项的名称有几个单
浏览 1提问于2014-07-12得票数 1
1回答
bootstrap4中的网格/列之间的空格
html、css、bootstrap-4
我是第一次接触堆栈溢出和bootstrap。我尝试使用两个大小为2和10的列，但是当我使用它时，它们相互重叠，当我将其更改为3和9时，它们之间的空间太大。我尝试在堆栈溢出中搜索，找到了这个下面是我的HTML代码：<head>
<link rel
浏览 0提问于2018-11-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
