2013-10-15 4 views
0

Я только что перешел на загрузку 3, и, видимо, моя страница немного сдвинулась влево. Я прокомментировал ВСЕ, однако все же вокруг 20 пикселей или около того сдвигаются влево (вне экрана). Кто-нибудь испытал это раньше? Я запускаю довольно чистый сайт 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> 
+0

Pls показать нам код. Вы можете воссоздать проблему на http://bootply.com? – ZimSystem

+0

@Skelly Я добавил html к вопросу. –

ответ

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

0

Возможные проблемы CSS файл. Используете ли вы инструменты разработчика в браузерах? -OR- unclosed div tag, который вы можете проверить, перейдя по ссылке: http://validator.w3.org/

Я всегда помещал div class = "container" вокруг всех строк, но не уверен, что это приведет к его смещению.

+0

Нет закрытых тегов. Я добавил html к вопросу. –

Смежные вопросы