如何使我的表格适合手机屏幕上的整行，但留在桌面屏幕的中间？答案

【问题标题】：How to make my form fit the whole row on phone screen, but stay in middle on the desktop screen?如何使我的表格适合手机屏幕上的整行，但留在桌面屏幕的中间？
【发布时间】：2015-12-08 08:53:33
【问题描述】：

我努力让我的表单在手机屏幕/iPad 屏幕中占据整行，但从桌面屏幕的中间开始。我应该如何配置我的引导类？

我试过了

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4-offset-4">
//My Form
</div>

结果

Phone 尺寸看起来不错

Desktop 尺寸看起来很糟糕

【问题讨论】：

标签： html css twitter-bootstrap responsive-design

【解决方案1】：

您的代码中有错误。应该是这样的

<div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-lg-offset-4">
   //My Form
</div>

或者你可以写这个，它会做同样的事情

<div class="col-xs-12 col-lg-4 col-lg-offset-4">
   //My Form
</div>

【讨论】：

【解决方案2】：

而不是col-lg-4-offset-4

你需要使用

col-lg-4 col-lg-offset-4

（即容器宽度的一个类，偏移量的另一个类）

【讨论】：