对于bootstrap向导来说，这是一个挑战：如何根据屏幕大小在.container和.container-fluid之间交换我的布局。即在移动设备上我想要流体，否则使用常规容器。
<!-- pseudo class definition to exemplify -->
<div class="container-fluid-xs-only container-sm-and-up">
<div class="row">
...
</div>
</div>
免责声明：我现在正在做的解决方法是使用媒体查询调整边距。即使用.container并在移动设备上添加负边距。想知道是否有更好的方法来实现这一目标。
要求：理想情况下，我想要一个纯粹的基于CSS的解决方案，如果真的不可能，请考虑我使用的是角1.x。
PS：我不想复制内容＆＃34; row＆＃34;，换句话说，我对做重复内容的.visible-xs和.hidden-xs不感兴趣......
谢谢！
答案 0 :(得分：4)
container和container-fluid之间的唯一区别是宽度，因此子元素（行，列等）在两者中的行为都相同。
默认情况下，container在xs屏幕上变为全宽（100％），因此在屏幕宽度小于768像素时，container和container-fluid的行为完全相同相同。您不需要进行任何更改，只需使用container。