在Bootstrap 4中將行分成5列？

Question

你如何在Bootstrap 4的5列中等分一行，總共有12列？有誰知道？

Answer 1

引導程序4不使用類似版本3的浮動，所以它只能使用col類自動將列分隔開。因此，對於5等距列，只是這樣做：

.col1 { 
 
    background-color: red; 
 
} 
 
.col2 { 
 
    background-color: green; 
 
} 
 
.col3 { 
 
    background-color: blue; 
 
} 
 
.col4 { 
 
    background-color: orange; 
 
} 
 
.col5 { 
 
    background-color: brown; 
 
}

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous"> 
 

 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col col1">Column 1</div> 
 
    <div class="col col2">Column 2</div> 
 
    <div class="col col3">Column 3</div> 
 
    <div class="col col4">Column 4</div> 
 
    <div class="col col5">Column 5</div> 
 
    </div> 
 
</div>