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