Twitter bootstrap 引导网格系统-当用户可以隐藏或显示某些元素时,如何管理布局
我正在使用bootstrap开发我的web应用程序。我正在使用网格布局 我有三个div,我正在使用下面的类Twitter bootstrap 引导网格系统-当用户可以隐藏或显示某些元素时,如何管理布局,twitter-bootstrap,css,Twitter Bootstrap,Css,我正在使用bootstrap开发我的web应用程序。我正在使用网格布局 我有三个div,我正在使用下面的类 <div class = "col-md-5">...</div> <div class = "col-md-3">...</div> <div class = "col-md-4">...</div> 。。。 ... ... 用户可以隐藏或显示任何div。我需要做什么才能确保即使在用户显示或隐藏某些div时布局仍
<div class = "col-md-5">...</div>
<div class = "col-md-3">...</div>
<div class = "col-md-4">...</div>
。。。
...
...
用户可以隐藏或显示任何div。我需要做什么才能确保即使在用户显示或隐藏某些div时布局仍然正确。我如何处理这种情况 我假设您可能正在使用
display:none代码>以隐藏元素。这将从正常页面流中删除该元素,因此其他元素将尝试填充此空间并破坏布局
快速解决方案
而不是使用显示:无
,您可以将CSS属性可见性:hidden
应用于用户单击要隐藏的列。此属性隐藏元素,但它仍将占用与以前相同的空间,因为它未从文档流中删除。
这样,即使列被隐藏,您的布局也应该保持不变。您的代码不可见,因为它没有被格式化为代码。@BSMP:I更新了格式。但是在我分享的代码上没有什么变化!!