Question

我刚刚迁移到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>

Answer 1

您可以将.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

Answer 2

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

进行验证

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

Bootstrap页面被推到左边？

2 个答案: