0

我刚刚迁移到 bootstrap 3，显然我的页面被向左推了一点。我已经注释掉了所有东西，但是仍然有大约 20px 左右被推到左边（屏幕外）。以前有人经历过吗？我正在运行一个非常干净的 ASP.NET MVC4 站点（仅使用 bootstrap 和 jquery），那么可能是什么原因造成的呢？

这实际上是我所有的代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="/Content/bootstrap/bootstrap.css" rel="stylesheet"/>  
</head>
<body>
<div class="row">
    <div class="well col-lg-12 col-md-12 col-sm-12">
        <h2>Latest added</h2>
    </div>
</div>
</body>
</html>
4

2 回答 2

2

你可以把.row里面的一个容器..

<div class="container">
<div class="row">
    <div class="well col-lg-12 col-md-12 col-sm-12">
        <h2>Latest added</h2>
    </div>
</div>
</div>

如果您希望它是 100% 宽度，请使用col-md-12..

<div class="col-md-12">
<div class="row">
    <div class="well col-lg-12 col-md-12 col-sm-12">
        <h2>Latest added</h2>
    </div>
</div>
</div>

http://bootply.com/87853

于 2013-10-15T17:15:50.477 回答
0

可能的 css 文件问题。你在浏览器中使用开发者工具吗？- 或 - 未关闭的 div 标签，您可以通过以下方式验证：http: //validator.w3.org/

我总是在所有行周围放置一个 div class="container" 但不确定这是否会导致它移动。

于 2013-10-15T17:03:09.690 回答