爲什麼Bootstrap 3.1.1反向列順序？

Question

在Bootstrap 3.1.1中，列順序似乎顛倒過來。爲什麼是這樣？它如何被安全覆蓋？

[class^="col"] { 
 
    border: 1px solid; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap-rtl.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-3">col 1</div> 
 
    <div class="col-xs-3">col 2</div> 
 
    <div class="col-xs-3">col 3</div> 
 
    <div class="col-xs-3">col 4</div>  
 
    </div> 
 
</div>

我的拳頭的想法是隻需添加：

[class^="col"] { 
    float: left; 
} 

但是它似乎很奇怪，引導將這種行爲如果不使用它有意實現的東西運我只是想念。這就是說，如果它應該被刪除，是否可以添加我在上面發佈的float，無意中破壞了其他任何東西或者最好的解決方案？

注：對於它的價值引導3.3.7（最新）似乎已經扭轉了浮動規則：

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { 
    float: left; 
} 

Answer 1

因爲你引用的bootstrap-rtl版本。 RTL代表「從右到左」。如果你修復它，然後使用標準版，它工作正常：

[class^="col"] { 
 
    border: 1px solid; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css" rel="stylesheet"/> 
 
<div class="container"> 
 
    <div class="row"> 
 
    <div class="col-xs-3">col 1</div> 
 
    <div class="col-xs-3">col 2</div> 
 
    <div class="col-xs-3">col 3</div> 
 
    <div class="col-xs-3">col 4</div>  
 
    </div> 
 
</div>