изображение не центрируется (в мобильном представлении) с загрузкой 3.0

У меня есть небольшой веб-сайт, использующий Bootstrap 3.0 RC1, и я просто пытаюсь центрировать простое изображение (с адаптивным рендерингом)

Таким образом, кажется, что все работает на настольных устройствах, но когда я смотрю на свой веб-сайт на небольшом устройстве, таком как мобильный, размер изображения изменяется (это хорошо), но НЕ идеально по центру ..... Я озадачен ..

Есть идеи?

Спасибо заранее,

Я использую следующий код:

<body style="display: block;">
<section class="container">
<header>
<div class="row">
<div class="col-lg-6 col-offset-3">
<center><img src="img/grey_wash_wall.png"  class="text-center" title="Hello" alt="World"></center>
</div>
</div>
<div class="row"> 
<div class="title col-lg-12">
<h1>Welcome to my website</h1>
</div>        
</div>  
</header>

image responsive-design twitter-bootstrap twitter-bootstrap-3
person ℕʘʘḆḽḘ    schedule 01.08.2013    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вам не хватает закрывающей скобки в .container CSS.

.container {
  max-width: 700px;
  background:white;
  padding: 30px 50px;
  margin: 20px auto;
  text-align: center;
}

ИЗМЕНИТЬ:

Я не могу воспроизвести это поведение в окне браузера мобильного устройства, используя предоставленную вами разметку. jsFiddle

person Sara    schedule 01.08.2013
comment
Изображение правильно центрировано в оригинале и обновленном jsFiddle, поэтому без дополнительной информации я не уверен в чем проблема. - person Sara; 02.08.2013
comment
спасибо, Сара, но у меня также есть изображение по центру на рабочем столе. когда я использую свою галактику, чтобы увидеть веб-сайт, я не получаю идеально центрированное изображение - person ℕʘʘḆḽḘ; 02.08.2013
comment
Bootstrap не выполняет проверку пользовательского агента — только медиа-запросы CSS — поэтому изменение размера окна браузера должно точно воспроизводить все, что вы видите на своем мобильном устройстве. Попробуйте просмотреть свой сайт в окне браузера мобильного устройства. - person Sara; 02.08.2013
comment
заменил ‹center› на ‹div› и все заработало нормально! спасибо Сара за вашу помощь - person ℕʘʘḆḽḘ; 02.08.2013