Html 将容器设置为50%宽度

我喜欢这个例子中的砖石风格效果

代码笔：

是否可以将容器宽度设置为50%，并且仍然获得与长方体对齐相同的效果

*，*：之前，*：之后{框大小：边框框！重要；}
.行{
-moz列宽：40em；
-webkit列宽：40em；
-莫兹柱间距：.5em；
-webkit柱间隙：.5em；
}
.小组{
显示：内联块；
边缘：.5em；
填充：0；
宽度：98%；
}

带引导面板的砖石CSS
标题
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯，自由的孕妇。埃尼安·西特·菲利斯
多洛，在尼西射手座。这是维尼那提的侵权行为。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
标题
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
莫里斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
标题
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
莫里斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
面板
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。
猫科动物中的Aliquam坐着amet augue。
标题
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯兽人。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
标题
内容在这里。。
猫科动物中的Aliquam坐着amet augue。
面板
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
维尼那提斯奎斯克。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
标题
吴精英。两个品种的葡萄都是由一个品种的葡萄酿成的。
莫里斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯。二是累积元素。
猫科动物中的Aliquam坐着amet augue。

当然有

然而，我必须概述像这样的重写

.row

和

.panel

类将极大地破坏引导的布局功能。您最好将您的自定义类（使用了下面的

.columns

，但可以随意重命名）添加到此部分，以确保这些覆盖不会影响网站的其余部分。无论如何，以下是您可能想要的：

.columns*，.columns*：之前，.columns*：之后{框大小：边框框！重要；}
.行.列{
-moz列宽：2；
-webkit列宽：2；
-莫兹柱间距：.5em；
-webkit柱间隙：.5em；
栏目：2个；
填充：0 15px；
}
.columns.panel{
显示：内联块；
边缘：.5em；
填充：0；
宽度：钙（100%-15px）；
}

带引导面板的砖石CSS
标题
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯，自由的孕妇。埃尼安·西特·菲利斯
多洛，在尼西射手座。这是维尼那提的侵权行为。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
标题
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
莫里斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
标题
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
莫里斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
面板
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。
猫科动物中的Aliquam坐着amet augue。
标题
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
奎斯克·莫里斯·奥古斯兽人。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
标题
内容在这里。。
猫科动物中的Aliquam坐着amet augue。
面板
内容在这里。。Lorem ipsum dolor sit amet，是一位杰出的献身者。两个品种的葡萄都是由一个品种的葡萄酿成的。
维尼那提斯奎斯克。二是累积元素。
猫科动物中的Aliquam坐着amet augue。
标题
吴精英。两个品种的葡萄都是由一个品种的葡萄酿成的。
莫里斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯·奥古斯。二是累积元素。
猫科动物中的Aliquam坐着amet augue。

你的意思是这样的吗？

如果这是您想要的，只需添加 宽度：50%； 到row类（见图）

---

如果这不是您想要的，请详细说明。

尝试时会发生什么？抱歉。我的意思是，把它做成现在的一半大小。因此，每列将占页面的25%。这非常接近-现在我想将其居中对齐到页面中间，您能帮忙吗？：-）