在类行中元素之间留下空白

其实我不知道如何描述这个问题。我设计了一个模型，我在其中指定了类row中的一些元素。但是在3个元素之后留下不必要的空间。引导类row有没有问题？ Checkout the link. Click on register 在类行中元素之间留下空白

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
<div class="row"> 
 
    <div class="col-sm-4 standard"> 
 
    <div class="form-group"> 
 
     <div class="col-sm-12"> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-4 school_name"> 
 
    <div class="form-group"> 
 
     <div class="col-sm-12"> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-4 occupation"> 
 
    <div class="form-group"> 
 
     <div class="col-sm-12"> 
 
     </div> 
 
    </div> 
 
    </div> 
 

 
    <div class="col-sm-4 father_income"> 
 
    <div class="form-group"> 
 
     <div class="col-sm-12"> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-4 blood_group"> 
 
    <div class="form-group"> 
 
     <div class="col-sm-12"> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-4 type_of_wastage"> 
 
    <div class="form-group"> 
 
     <div class="col-sm-12"> 
 
     </div> 
 
    </div> 
 
    </div> 
 

 
    <div class="col-sm-4 photo"> 
 
    <div class="form-group"> 
 
     <div class="col-sm-12"> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-4 edit_photo" style="display: none;"> 
 
    <div class="form-group"> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-4 city"> 
 
    <div class="form-group"> 
 
     <div class="col-sm-12"> 
 
     </div> 
 
    </div> 
 
    </div> 
 
    <div class="col-sm-4 address"> 
 
    <div class="form-group"> 
 
    </div> 
 
    </div> 
 

 

 
</div>

来源

2017-07-26 Darshan Kini

请问，您可以添加一些截图或更详细的问题是什么？我不知道有什么问题 –

的引导电网语法是错误的。 Bootstrap中的一行包含12列。如果连续有12列，则必须打开一个新行。在你的情况下，你必须打开一个新的行，你使用3次类col-sm-4。因此，它必须是这样的：

<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>

来源

2017-07-26 06:13:12

我有9个元素，并在ID的基础上，我隐藏了一些元素。所以如果我写这样的代码并从第一行隐藏两个元素。然后它显示第一个元素，然后留下空格。然后第二行从新行继续。所有元素都应该继续。即使我隐藏任何数量的元素这就是为什么我喜欢这个 –

设置一些最小高度到所有列在寄存器

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

来源

2017-07-26 06:14:53 Martin54

-1

你不能把所有这些列在一排。使用col-sm-4时，每行只能有3列。之后，您需要创建另一行。因为在自举网格系统中，每行有12列。如果你需要一排软管，你必须使用col-sm-1。但我认为这不是一个好主意。更好的是，由于这里有10个元素，因此可以使用4行的col-sm-4或3行的col-sm-3。

来源

2017-07-26 06:24:26 KKK

-1

您的编写语法错误。Bootstrap中的一行仅包含12个块。这就是为什么不必要的空间正在显示。

来源

2017-07-26 06:32:22

在类行中元素之间留下空白

回答

相关问题