引导栅格:用col-xs-12+ (col-xs-6 & display:none)替换col-xs-6 +col-xs-xs-6正确吗？

Question

我很好奇用它来代替

<div class="col-xs-6">...</div>
<div class="col-xs-6">...</div>

使用

<div class="col-xs-12">...</div>
<div class="col-xs-6" style="display:none;">...</div>

用javascript？

我所需要的只是隐藏第二个div，并为第一个div正确显示100%，并使用javascript.显示实际完成的内容。问题是，这是否是一个正确的方式，从推特启动前景。

Answer 1

引导本身就是一个响应性的框架。无需使用Javascript，您就可以实现上述结果。

而不是写作

<div class="col-xs-6">...</div>
<div class="col-xs-6">...</div>

你可以写

<div class="col-sm-6 col-xs-12">...</div>
<div class="col-sm-6 hidden-xs">...</div>

在这里，您可以使用sm，md和lg分别用于小型、中型和大型布局。

当您的屏幕被调整为xs时，上面的代码显示第一个div的100%，第二个div被隐藏。

这是一个更好的方法时，使用引导。