Question

我想部署我复选框在3列在引导3

例如：

CHK1 CHK2 chk3

chk4 chk5 chk6

chk7 chk8 chk9

这是我的尝试：

<div class="row"> 
<div class="col-md-12"> 
    <hr class="hr"> 
<h3>Izaberi ostale opcije:</h3> 


<input type="checkbox" id='Kabinet'> <label for="check1">Kabinet</label> 
<input type="checkbox" id='Monitor'> <label for="check1">Monitor</label> 
<input type="checkbox" id='Bravice'> <label for="check1">Bravice</label> 



<input type="checkbox" id='Pojacalo'> <label for="check1">Pojacalo</label> 
<input type="checkbox" id='Coin usta'> <label for="check1">Coin usta</label> 
<input type="checkbox" id='Bar kod'> <label for="check1">Bar kod</label> 


<input type="checkbox" id='Toper'> <label for="check1">Toper</label> 
<input type="checkbox" id='Monitor + Touch'> <label for="check1">Monitor+Touch</label> 
<input type="checkbox" id='Brojaci'> <label for="check1">Brojaci</label> 


    </div> 

我试着把class =“col-md-6”和其他的，但它不工作..我想使用CSS的，但后来我不需要引导..它不会响应。你有一些想法。我是bootstrap的新手。我需要新的行吗？

Answer 1

它很容易，使用3格的，如果你想在3列，否则，如果你想在你的例如行中所述的行。 col-md-12： -

<div class="row"> 

    <hr class="hr"> 
<h3>Izaberi ostale opcije:</h3> 
<div class="col-md-4">  

<input type="checkbox" id='Kabinet'> <label for="check1">Kabinet</label> 
<input type="checkbox" id='Monitor'> <label for="check1">Monitor</label> 
<input type="checkbox" id='Bravice'> <label for="check1">Bravice</label> 
</div> 

    <div class="col-md-4"> 
<input type="checkbox" id='Pojacalo'> <label for="check1">Pojacalo</label> 
<input type="checkbox" id='Coin usta'> <label for="check1">Coin usta</label> 
<input type="checkbox" id='Bar kod'> <label for="check1">Bar kod</label> 
</div> 

<div class="col-md-4"> 
<input type="checkbox" id='Toper'> <label for="check1">Toper</label> 
<input type="checkbox" id='Monitor + Touch'> <label for="check1">Monitor+Touch</label> 
<input type="checkbox" id='Brojaci'> <label for="check1">Brojaci</label> 

    </div>