在两个左列引导程序3之间强制右列

Question

我无法弄清楚如何在引导程序3中将橙色列放在两个黑色列之间。 例如，见图片：）

谢谢！

Answer 1

请发布代码。但你可能会尝试将所有三个放在自己的行中。抱歉，我可以给出给出的信息。

<div class="row">your column</div>

Answer 2

使用这种代码：

<div class="container">
    <div class="col-xs-12 col-sm-9 content"></div>
    <aside class="col-xs-12 col-sm-3 sidebar"></aside>
    <div class="col-xs-12 col-sm-9 content"></div>
</div>

让你的边块向右浮动：

.container {
    margin: 10px auto;
}
.content {
    height: 70px;
    margin-bottom: 10px;
    background: #3498db;
}
.sidebar {
    float: right; // float to right in small/medium/large devices
    height: 70px;
    margin-bottom: 10px;
    background: #e74c3c;
}
@media (min-width: 768px) {
    .sidebar {
        height: 150px;
    }
}

Bootply