1

Bootstrap 3 RC1 を使用していますが、画像ギャラリーを正しくセットアップできません。

問題 1 - にまたはulが追加されています。それを削除するには何をオーバーライドする必要がありますか?padding-leftmargin-left

問題 2 - それぞれがそのクラスliによって制限されるのではなく、コンテナーにまたがっています。span41 行に 2 つの画像が必要です。

問題がどこにあるかを示す下の画像を追加しました。

HTML

<div class="container">
  <div class="row">
    <div class="col-lg-12">
      <div id="allVideos">
        <ul class="thumbnails">
          <li class="span4">
            <div class="thumbnail">
              <img src="<%= thumbnail_image %>">
              <div class="caption">
                <a data-attribute="<%= _id %>" class="delete">X</a>
                <h3><a class="video_item"><%= title %></h3></h3>
                </div>
              </div>  
            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>

画像 ここに画像の説明を入力

4

3 に答える 3

0

また、このスレッドを参照することをお勧めします

col-lg-12Twitter Bootstrap 3 はまだ作成中のようで、クラスにはまだ問題があると思います。ざっと見ただけですが。

お役に立てれば。

于 2013-08-12T20:02:41.953 に答える
0

これを画像に追加して、レスポンシブにします。

<img src="<%= thumbnail_image %>" class="img-responsive">

(参照: http://getbootstrap.com/css/#overview-responsive-images )

パディングとマージンについては、オーバーライドする独自のスタイルを追加できますか?

.thumbnails{ margin-left:0; padding-left: 0;}
于 2013-08-12T19:51:27.497 に答える