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的。实际完成的内容。问题是，这是否是Twitter Bootstrap预期的正确方法。

Answer 1

Bootstrap本身就是一个响应式框架。您可以在不使用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被隐藏。

使用Bootstrap时这是一种更好的方法。