【问题标题】:Bootstrap columns to rows引导列到行
【发布时间】:2018-12-21 03:10:31
【问题描述】:

我有这个循环显示在 html 页面中。

foreach (var item in Model.Ratio)
        {
            <div class="col-md-6">
                <label>
                    <input type="radio" name="R" value="@item" /> @item
                </label>
            </div>
        }

这个显示

col1 col2

col3 col4

col5 col6

但我需要以从上到下(而不是从左到右)的格式显示如何实现这一点

col1 col4

col2 col5

col3 col6

【问题讨论】:

    标签: razor bootstrap-4


    【解决方案1】:

    我在这里回答了类似的问题:Can I alter the way Bootstrap places columns?

    唯一的方法是使用在循环内难以计算的order classes,或者CSS 3列。

    【讨论】:

    • 感谢它为我节省了很多时间。
    猜你喜欢
    • 2017-05-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-07-05
    • 2014-10-10
    • 1970-01-01
    相关资源
    最近更新 更多