html – 使用Bootstrap从右到左的列

发布时间：2020-12-14 18:57:49 所属栏目：资源来源：网络整理

导读：我有一行动态计数列,这些列是根据获取的数据在JADE中生成的来自数据库. 项目是图像,它们的计数可以是0,可以是大数(最多100). .row在框架内部,我希望能够以从右到左的顺序填充图像.意思是,第一个图像位于右上角,第二个图像位于第一个图像的左侧.每个图像使用

我有一行动态计数列,这些列是根据获取的数据在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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!