Question

在Bootstrap 3.1.1中，列顺序似乎是相反的。为什么是这样？怎么可以安全地覆盖？

＆＃13;

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

＆＃13;

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

＆＃13;

我的第一个想法是添加：

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

然而，如果没有使用它来有意识地实现我刚刚失踪的东西，那么Bootstrap会出现这种行为似乎很奇怪。那说，如果它应该删除，可以添加上面发布的浮动无意中打破其他任何东西或那个最好的解决方案？

注意：对于它值得的Bootstrap 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

因为您引用了html anchor callback: [ 1 + 1 ]; with: 'Click me'. html anchor with: 'Click me'; callback: [ 1 + 1 ].版本。 RTL代表＆＃34;从右到左＆＃34;。如果您修复它并使用标准版本，它可以正常工作：

＆＃13;

bootstrap-rtl

＆＃13;

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

＆＃13;

为什么Bootstrap 3.1.1反向列顺序？

1 个答案: