html – 使用Bootstrap从右到左的列

前端之家收集整理的这篇文章主要介绍了html – 使用Bootstrap从右到左的列前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一行动态计数列,这些列是根据获取的数据在JADE中生成
来自数据库.
项目是图像,它们的计数可以是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 |
--------------

解决方法

要达到目标,您必须更改.col-md-2中的浮动.必要时使用!important.
.col-md-2 {
    float: right !important;
}

DEMO

原文链接:https://www.f2er.com/html/224612.html

猜你在找的HTML相关文章