为什么‘col md-6’在中间有太多的空隙？
"col md-6"是Bootstrap框架中的一个类名，用于定义网格系统中的列。该类名表示在中等尺寸的屏幕上占据6个网格单位的宽度，其中md代表中等屏幕。
当在使用"col md-6"时出现太多空隙的情况，可能有以下几种可能的原因：
- 容器尺寸不够："col md-6"所在的容器的尺寸可能不够宽，无法容纳6个网格单位的宽度，导致剩余空间造成空隙。
- 容器的padding和margin设置：容器可能存在padding和margin的设置，这会使容器变宽，导致"col md-6"的实际宽度小于6个网格单位。
- 其他列的存在：在同一行的其他列可能占据了额外的空间，造成"col md-6"的实际宽度小于6个网格单位。
- 自定义CSS样式：可能存在自定义的CSS样式，影响了"col md-6"的宽度，导致空隙出现。
为了解决这个问题，可以尝试以下方法：
- 检查容器的尺寸：确保容器的宽度足够容纳"col md-6"的6个网格单位。
- 检查容器的padding和margin设置：确认容器没有设置过多的padding和margin。
- 检查其他列的设置：确保同一行的其他列没有占据了额外的空间。
- 检查自定义CSS样式：排查是否存在自定义的CSS样式影响了"col md-6"的宽度。
总结起来，出现"col md-6"中间有太多空隙的问题可能是由于容器尺寸不够、容器的padding和margin设置、其他列的存在或者自定义CSS样式所导致的。通过检查以上可能的原因并逐一解决，可以解决该问题。
相关·内容
我试图与bootstrap类并排显示4个div，但不幸的是，我在中间(每个div的右侧)有太多的空间，而且也没有对齐到中心。我希望它们居中对齐，中间有很小的空间。请帮帮忙。 <section> <div class="row">
浏览 89提问于2021-11-14得票数 0
回答已采纳
1回答
有一个面积大小相等的网格。我不能再修改html代码了，但是我的客户希望我有一个不同大小的中间网格，所以他想要类似于col-md-3 -md-6 col-md-3这样的东西。<div class="col-xs-6 col-sm-6 col-md-4 col-lg-4"><
浏览 0提问于2019-06-02得票数 0
回答已采纳
1回答
我使用的是Bootstrap V4，我有一个container类，它有2列红色和绿色-md-6，位于我的页面中间。
<section style="background-color:green">
浏览 4提问于2016-05-27得票数 1
回答已采纳
我试图建立一个简单的网页与2列-md-6，他们需要相同的高度，而不是设置高度。我已经添加了样式显示flex到行，所以它现在是等高的，它只是在我的col md-6中的元素在起作用。在第二个col-md-6中，我有一个很长的HTML表单，这将决定另一个col-md-6的长度(目前是这样的)。<em
浏览 11提问于2017-07-10得票数 0
回答已采纳
我正在做一个基于网格的项目。我使用bootstrap，CSS和HTML制作网格。我需要显示一个像这样的Image网格。但是行跨度不能正常工作。我使用的是完整的div结构，而不是表。我的代码是：` <div><div class="col-md-4"></div>
<div class="col
浏览 95提问于2019-02-13得票数 1
回答已采纳
5回答
在Bootstrap中，我使用col-md-6来带来两列，但是如何消除中间的空隙并填充空格呢？ 例如，在photoshop中： ? 1
2 注意:我只想申请这一部分，而不是默认的一切
浏览 97提问于2014-09-23得票数 0
回答已采纳
1回答
我需要实现图像和文本的Z字形，如下所示：图像-文本在移动设备上文本文本--当我放置像md-6、md-6这样的类时，它会自动将块与左侧对齐，并创建不需要的间距。有没有一种简单的方法来实现这样
浏览 1提问于2017-10-17得票数 0
3回答
我试图在Bootstrap 3中使用尽可能少的标记和CSS来实现以下功能。理想情况下，我希望使用纯Bootstrap标记来实现这一点，而不是求助于hack。我已经看过文档了，但看不到标准化的方法...<section class="row">
<article class="col-sm-12 col-md
浏览 1提问于2013-10-11得票数 9
我正在建设一个网站，需要一个pinterest风格的主页。(但只有3列宽缩成2列，然后使用col-lg-4引导类缩小到1列)。
我搜索并找到了许多如何做到这一点的选择。我已经修改了一些取自的代码，它使用砖石来推动块，并且非常接近我想要的，除了当它堆栈时，它似乎不像普通的引导行+ col堆栈那样正常工作。我希望它和引导可以堆栈一样，(动态地增加和减小列大小)，并且我希望它将内容集中在中间(目前它将所有的框堆起来，并将所有的框推到较小<e
浏览 0提问于2013-08-27得票数 1
2回答
如何在引导4栅格中改变偏移量？
、、、、
我在我的角8应用程序中使用了引导4。在我的主页中，我有两个大小为md-5和md-6的组件，我希望使用offset-md-1将它们分开。但是偏移量很大，我不想在组件之间有那么大的空间。如何缩小offset的大小？offset-md-0.5会起作用吗？你能提出比使用引导offset更好的方法吗？这是我的密码：
<div class="container-fluid pa
浏览 4提问于2020-02-13得票数 0
我试图在chordDiagram包中用R.circlize函数绘制chord，这是类似于"“的参考代码chordDiagram(mat)错误报告如下我的“垫子”看起来是： num [1:421, 1:7] 2 0 2 0 0 0 0 0 0 0 ...
浏览 5提问于2015-05-31得票数 1
回答已采纳
在Bootstrap 5中-我有不同的页面，有时2栏，有时3栏。我假设要么有一种方法强制行，
浏览 11提问于2021-05-24得票数 1
10回答
为什么我们没有box-sizing: margin-box;呢？通常，当我们将box-sizing: border-box;放在样式表中时，我们实际上是指前者。假设我有一个2栏的页面布局。这两列的宽度都为50%，但它们看起来有点难看，因为没有沟槽(中间有空隙)；下面是CSS： width: 50%;}
要应用一个排水沟，您可能认为我们可以为这2列中的第一列设置一个正确的</e
浏览 2提问于2012-05-30得票数 154
我的背景覆盖了整个屏幕。黑线是视口的尽头。顶部(黄色)也使用绝对位置.为什么？好的，我想让中档(红色)垂直覆盖屏幕。而且只有一半应该是可见的-需要滚动才能看到它。#footy width: 100%; position:
浏览 3提问于2013-12-19得票数 0
回答已采纳
1回答
我正在用bootstrap创建一个左侧，在设置内部元素的固定位置时出现了这个问题。这是我的HTML <div class="row"> <right-side><
浏览 0提问于2017-10-05得票数 0
3回答
我想把一个圆圈在我的页中间与行前后。
我做过类似的事情，但我不知道为什么在圆圈和右线之间有一个空格。圆圈和左线之间没有空隙，有人知道为什么吗？
浏览 8提问于2017-09-08得票数 2
回答已采纳
我创建一个预制件的实例(这是两个中间有空隙的矩形)，如果玩家精灵与间隙中的对撞机发生碰撞，分数就会增加。我在一个预置对象上有一个boxCollider2D，并且希望这个对撞机作为一个单独的sprite上的公共变量，这样我就可以在sprite上的脚本上访问它。)
因此，唯一的区别是，一种来自预制件，另一种来自使用预制件创建的对象。void OnTriggerEnter2D(Colli
浏览 0提问于2018-11-17得票数 0
回答已采纳
3回答
请查看以下代码： <label class="col-md-4">Last Seen (Real Time)</label><input class="form-control col-md-8" type="text" ng-model="status.lastSeen" ng-readonly="tr
浏览 4提问于2016-07-13得票数 0
我的问题与网格有关。在这个页面上，它说你只需要使用你想要支持的最小设备宽度的类。因此，如果我想支持移动设备、平板电脑、中屏和大屏，我只需要输入col-sm-xx<div class="col-sm-6">...</div>如果是这样的话，为什么
浏览 0提问于2017-09-29得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
