gpt4 book ai didi

javascript - Bootstrap 网格 : Is this correct to replace col-xs-6 + col-xs-6 with col-xs-12+ (col-xs-6 & display:none)?

转载 作者:太空宇宙 更新时间:2023-11-03 21:33:19 31 4
gpt4 key购买 nike

我很好奇替换是否正确

<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 并正确地通过 javascript 显示第一个 div 的 100%。实际完成的操作。问题是从 Twitter Bootstrap 的 Angular 来看,这是否是一种正确的方法。

最佳答案

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 时,上面的代码会显示 100% 的第一个 div,而第二个 div 会被隐藏。

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

关于javascript - Bootstrap 网格 : Is this correct to replace col-xs-6 + col-xs-6 with col-xs-12+ (col-xs-6 & display:none)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28188992/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com