html - 使用 Bootstrap 从右到左的列

Question

我有一行包含动态列数，它是根据获取的数据在 JADE 中生成的从数据库。Item是图片，个数可以是0也可以是大数(最多100个)。

.row 在框架内，我希望能够按从右到左的顺序填充图像。意思是，第一张图片在右上角，第二张在第一张的左边。每张图片都使用 col-md-2，所以在 6 张图片之后，第 7 张应该在第一张下面。

现在，当生成列时，第一个列位于左上角……因为它是默认值。

有什么办法可以改变吗？

尝试使用 col-md-offset-X，它只影响图像的第一行(因为它是单行)

Current:
--------------
| x  x  x  x |
| x  x       |
--------------

How it should be:
--------------
| x  x  x  x |
|       x  x |
--------------

Answer 1

要达到您的目标，您必须更改 .col-md-2 中的 float 。如有必要，请使用 !important。

.col-md-2 {
    float: right !important;
}

DEMO