Twitter bootstrap 3 如何仅在桌面上偏移列

Twitter bootstrap 3 如何仅在桌面上偏移列,twitter-bootstrap-3,Twitter Bootstrap 3,我对Bootstrap3网格系统并不陌生,但以前只在mobile上使用堆叠列 今天,我需要一个网格,移动设备上只有一列,全宽(没有滚动条)。在较大的设备上,柱应居中(偏移?),同时保持适当的宽度 我该怎么做 到目前为止,我尝试了以下方法: <div class="container"> <div class="row"> <div class="col-md-4 col-md-offset-3"> ... content ...

我对Bootstrap3网格系统并不陌生,但以前只在mobile上使用堆叠列

今天,我需要一个网格,移动设备上只有一列,全宽(没有滚动条)。在较大的设备上,柱应居中(偏移?),同时保持适当的宽度

我该怎么做

到目前为止,我尝试了以下方法:

<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-3">
... content ...
        </div>
    </div>
</div>

... 内容。。。
这在桌面和手机上看起来不错,但后来我意识到手机上有滚动条

它可能是围绕html(此处未显示)的吗?还是与此代码相关


提前感谢。

这里有两个解决方案

第一种解决方案将列的最大宽度设置为固定的像素数(在本例中为650px)

第二种解决方案将列的最大宽度设置为窗口的某个百分比,直到到达断点并将其设置为100%

解决方案1(全屏运行并更改窗口宽度以查看其运行情况):

.constraint{
最大宽度:650px;
右边距:自动;
左边距:自动;
}

内容

在移动设备上创建滚动条的唯一方法是
。内容…
,因此您需要显示内容,以便我们重新处理该问题。事实上,这是由先前在div上应用的css造成的