不规则的bootstrap3网格，一列出容器

Question

我有时会看到一些疯狂的布局。其中一个是布局，我们有最大宽度的boostrap容器，让我们说1120px。

其中一列的容器宽度为50％，第二列的宽度为50％，不是容器而是浏览器。

我附上了2个屏幕来澄清我的问题 - 问题是：是否有人有克拉弗解决方案，这是反应灵敏的，在抵抗期间不会破坏事情？ 那么，2列不会崩溃？

我不会提供html / css代码，因为我不知道如何正确编码并且没有javascript。

如果您有任何想法，我会说＆＃34;感谢您提示：）＆＃34;

Answer 1

您可以使用width: calc()来计算您想要的任何宽度。

快速示例

https://codepen.io/kupas/pen/Yepadv

PS：对于较小的屏幕使用媒体查询