1

Bootstrap 3.0 RC1 を使用する小さな Web サイトがあり、単純な画像を中央に配置しようとしています (レスポンシブ レンダリングを使用)。

デスクトップデバイスではすべてが機能しているように見えますが、モバイルのような小さなデバイスで自分のウェブサイトを見ると、画像のサイズが変更されます (これは良いことです) が、完全には中央に配置されません..

何か案が?

よろしくお願いします。

次のコードを使用します。

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

1 に答える 1

2

.containerCSSに閉じ括弧がありません。

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

編集:

提供されたマークアップを使用して、モバイル サイズのブラウザー ウィンドウでこの動作を再現することはできません。jsフィドル

于 2013-08-01T22:06:12.373 に答える