Bootstrap頁面被推向左側？

我剛剛遷移到引導程序3，顯然我的頁面被推向左側一點。我已經評論了一切，但仍然大約20px左右被推到左邊（屏幕外）。以前有誰經歷過這個？我正在運行一個非常乾淨的ASP.NET MVC4站點（只有引導程序和jquery），那麼可能會導致這種情況？Bootstrap頁面被推向左側？

這簡直是我的所有代碼：

<!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>

來源

2013-10-15 Jordan Axe

請向我們展示碼。你可以在http://bootply.com上重新創建問題嗎？ – ZimSystem

@Skelly 我已將html添加到問題中。 –

你可以把容器內的.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-15 17:15:50 ZimSystem

可能的css文件的問題。你在瀏覽器中使用開發者工具嗎？ - 或 - 未封閉的div標籤，您可以通過以下方式進行驗證：http://validator.w3.org/

我總是在所有行周圍放置div class =「container」，但不確定是否會導致它移位。

來源

2013-10-15 17:03:09

沒有未封閉的標籤。我已將html添加到問題中。 –

Bootstrap頁面被推向左側？

回答

相關問題