如何使用Twitter Bootstraps网格系统在两列之间添加一行

发布时间：2020-12-18 00:09:27 所属栏目：安全来源：网络整理

导读：两列布局在中间有一行。 [ ] | [ ][ ] | [ ][ ] | [ ][ Left Column ] | [ Right Column ][ ] | [ ][ ] | [ ][ ] | [ ][ ] | [ ] 解决方法我想我得到你的问题正确…这下面的代码。下面的内联样式只是为了说明。您在css文件中应用样式。 div class="containe

两列布局在中间有一行。

[                      ] | [                      ]
[                      ] | [                      ]
[                      ] | [                      ]
[     Left Column      ] | [    Right Column      ]
[                      ] | [                      ]
[                      ] | [                      ]
[                      ] | [                      ]
[                      ] | [                      ]

解决方法

我想我得到你的问题正确…这下面的代码。下面的内联样式只是为了说明。您在css文件中应用样式。

<div class="container">
    <div class="row-fluid">
        <div class="span6" style="padding-right:20px; border-right: 1px solid #ccc;">
            <p>Some Contents Here...</p>
        </div>

        <div class="span6">
            <p>Some Contents Here...</p>
        </div>
    </div>
</div>

上述代码应输出this image。

（编辑：李大同）

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