html – Bootstrap 3 hidden-xs使行更窄

概述我正在尝试使用Bootstrap 3响应网格，当屏幕尺寸很小时，我试图使一列从一行消失。我可以让列消失，但是整个行似乎变得越来越窄。 这是我给我的悲伤的代码： <div class="container"> <div class="row"> <div class="col-xs-4 col-sm-2 col-md-1" align="center"> Col1 </div> @H_403_1@我正在尝试使用bootstrap 3响应网格，当屏幕尺寸很小时，我试图使一列从一行消失。我可以让列消失，但是整个行似乎变得越来越窄。

这是我给我的悲伤的代码：

<div > <div >  <div  align="center">   Col1  </div>  <div  align="center">   Col2  </div>  <div  align="center">   Col3  </div>  <div  align="center">   Col4  </div>  <div  align="center">   Col5  </div> </div></div>

随着屏幕变小，列Col4，然后Col3消失，但是每次删除时行比较窄(与不改变的标题行行相比)。我不知道为什么我已经确定所有的块加起来的宽度为12的每个阶段的过程。我虽然可能是col-xs-12是问题，但删除这将停止列被删除，将删除的列放在Col5！

我显然错过了“某些东西”，但我无法找到任何东西来帮助我 – 希望
我会在这里找到启示。

解决方法 如果您只在Col4使用visible-md，该如何工作？你是否使用-lg？如果不行，这可能会起作用。

<div > <div >  <div  align="center">   Col1  </div>  <div  align="center">   Col2  </div>  <div  align="center">   Col3  </div>  <div  align="center">   Col4  </div>  <div  align="center">   Col5  </div> </div></div>

总结

以上是内存溢出为你收集整理的html – Bootstrap 3 hidden-xs使行更窄全部内容，希望文章能够帮你解决html – Bootstrap 3 hidden-xs使行更窄所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。