1

ほぼ 1020px からの特定の解像度で、オフセットを使用して中央に配置したブートストラップ列が正しく機能していません。この問題の解決方法..

<section id="content" class="m-t-lg" style="margin-top:100px;"> 
   <a class="nav-brand" href="#">My Home page</a>
  <div class="row m-n">
    <div class="col-md-6 col-md-offset-3 m-t">

      <form class="m-t-lg" role="search" >
        <div class="input-group">
          <input class="form-control input-lg no-border bg-dark" type="text" placeholder="Search">
          <span class="input-group-btn">
          <button class="btn btn-lg btn-success" type="submit"> <i class="icon-search"></i> </button>
          </span> </div>
      </form>
      <center>
     <section class="panel-body">
      <div class="row m-n m-t"><h4 align="center">Heading1</h4>
        <ul class="pull-left">
          <li class="list-inline pull-left m-r-sm"> <a href="#"><img src="images/img_2.png" alt="img" class="img-responsive"></a> </li>
          <li class="list-inline pull-left m-r-sm"> <a href="#"><img src="images/img_2.png" alt="img" class="img-responsive"></a> </li>
          <li class="list-inline pull-left m-r-sm"> <a href="#"><img src="images/img_2.png" alt="img" class="img-responsive"></a> </li>
        </ul>
      </div>
      </section>

              <section class="panel-body">
       <h4 align="center">Heading2</h4>

        <ul "pull-left">
          <li class="list-inline pull-left  m-r-sm"> <a href="#"><img src="images/img_2.png" alt="img"></a> </li>
          <li class="list-inline pull-left  m-r-sm"> <a href="#"><img src="images/img_2.png" alt="img"></a> </li>
          <li class="list-inline pull-left  m-r-sm"> <a href="#"><img src="images/img_2.png" alt="img"></a> </li>
        </ul>
        </section>

    </div>
  </div>
</section>
4

1 に答える 1

3

例に含めていない限り、Bootstrap 101 ルールがありません。

行は、適切な配置とパディングのために.container内に配置する必要があります。

あなたの例に基づいて、<section>タグを aでラップする<div class="container">と役立ちます。あなたが経験していると思われる問題を再現することができませんでした.@kkernは、スタックの例でコンテナが見つからないことに気付かずに問題を解決した可能性があることを指摘する必要があります.

<div class="container">
   <section id="content" class="m-t-lg" style="margin-top:100px;">
   ........
于 2013-11-08T15:04:38.293 に答える