Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 引导网格系统-当用户可以隐藏或显示某些元素时,如何管理布局_Twitter Bootstrap_Css - Fatal编程技术网

Twitter bootstrap 引导网格系统-当用户可以隐藏或显示某些元素时,如何管理布局

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时布局仍

我正在使用bootstrap开发我的web应用程序。我正在使用网格布局

我有三个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更新了格式。但是在我分享的代码上没有什么变化!!