Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在类行中的元素之间留下不必要的空白_Html_Css - Fatal编程技术网

Html 在类行中的元素之间留下不必要的空白

Html 在类行中的元素之间留下不必要的空白,html,css,Html,Css,事实上,我不知道如何描述这个问题。我设计了一个模型,在这个模型中我在类行中指定了一些元素。但在3个元素之后,它会留下不必要的空间。引导类行是否存在任何问题 引导网格语法错误。引导中的一行包含12列。如果一行中已有12列,则必须打开新行。在您的情况下,必须在使用col-sm-4类3次后打开新行。所以它一定是这样的: <div class="row"> <div class="col-sm-4"></div> <div class="col

事实上,我不知道如何描述这个问题。我设计了一个模型,在这个模型中我在类行中指定了一些元素。但在3个元素之后,它会留下不必要的空间。引导类行是否存在任何问题


引导网格语法错误。引导中的一行包含12列。如果一行中已有12列,则必须打开新行。在您的情况下,必须在使用col-sm-4类3次后打开新行。所以它一定是这样的:

<div class="row">
    <div class="col-sm-4"></div>
    <div class="col-sm-4"></div>
    <div class="col-sm-4"></div>
</div>
<div class="row">
    <div class="col-sm-4"></div>
    <div class="col-sm-4"></div>
    <div class="col-sm-4"></div>
</div>

为寄存器中的所有列设置一些最小高度

.modal-body .col-sm-4 {
    min-height: 86px;
}

不能将所有这些列放在一行中。使用col-sm-4,每行只能有3列。之后,您需要创建另一行。因为在引导网格系统中,每行有12列。如果需要将所有软管排成一行,则必须使用col-sm-1。但我认为这不是一个好主意。更好的是,因为这里有10个元素,所以可以在4行中使用col-sm-4,也可以在3行中使用col-sm-3。

您编写了错误的语法。引导中的一行仅包含12个块。这就是显示不必要空间的原因。

请添加一些屏幕截图或更详细的问题内容?我不知道问题出在哪里我有9个元素,在id的基础上我隐藏了一些元素。所以,如果我像这样编写代码,并从第一行隐藏两个元素。然后显示第一个元素,然后留下空格。然后第二行从新行继续。所有要素都应继续。即使我隐藏了很多元素,这就是为什么我会这样做