さて、私は仕事のためにサイトのプロトタイプを作成していて、TwitterBootstrapの一部としてサムネイルを使用して小さな障害に遭遇しました
私の問題は非常に見やすく、テストしたすべてのブラウザに当てはまりますが Chrome 20.0.1132.57 (Official Build 145807) m
、WindowsXPSP3に当てはまります。
このページに移動すると、次のように表示される可能性があります。 ただし、Windows + Chromeでこれを確認すると、サムネイルはすべて正しく整列します(左側の2行目に空白はありません)。以下を参照してください。
これが私が使用したマークアップです(私は今それを3回見ましたが、間違いはわかりません。それで、何らかの形で不正が発生した場合に備えて、すべて投稿しますか?):
<ul class="thumbnails">
<li class="span3" id="c4">
<div class="thumbnail vcard">
<h4>AG Dryer Services, Inc.</h4>
<p>
<address>
234 N. Tyler street<br>
P. O. Box 450<br>
Elm Creek NE 68836, USA<br>
<br>
Phone: 1-308-856-4636<br>
Fax: 1-308-856-4641 </address>
</p>
<a href="#" class="btn btn-primary" disabled>Website</a><a href="#" class="btn btn-success" disabled>Email</a>
</div>
</li>
<li class="span3" id="c5">
<div class="thumbnail vcard">
<h4>Advanced Grain Handling</h4>
<p>
<address>
823 Main St West<br>
Mayville ND 58257, USA<br>
<br>
Phone: 1-701-788-8927</address>
</p>
<a href="#" class="btn btn-primary" disabled>Website</a><a href="#" class="btn btn-success" disabled>Email</a>
</div>
</li>
<li class="span3" id="c6">
<div class="thumbnail vcard">
<h4>Whitcomb Brothers Crane Service</h4>
<p>
<address>
16710 90th Ave<br>
Atwater MN 56209, USA<br>
<br>
Phone: 1-320-974-8337<br>
Fax: 1-320-974-8837</address>
</p>
<a href="#" class="btn btn-primary" disabled>Website</a><a href="#" class="btn btn-success" disabled>Email</a>
</div>
</li>
<li class="span3" id="c8">
<div class="thumbnail vcard">
<h4>Sims Construction Co.</h4>
<p>
<address>
1860 St Rt 56 SW<br>
London OH 43140, USA<br>
<br>
Phone: 1-740-852-4137<br>
Fax: 1-740-852-4729</address>
</p>
<a href="#" class="btn btn-primary" disabled>Website</a><a href="#" class="btn btn-success" disabled>Email</a>
</div>
</li>
<li class="span3" id="c10">
<div class="thumbnail vcard">
<h4>Elevator Services & Storage, Inc.</h4>
<p>
<address>
312 W Main St.<br>
Beaverdam, OH 45808, USA<br>
<br>
Phone: 1-419-643-5111<br>
Fax: 1-419-643-4762</address>
</p>
<a href="http://www.essicompanies.com" class="btn btn-primary" target="_blank">Website</a><a href="mailto:sales@essicompanies.com" class="btn btn-success">Email</a>
</div>
</li>
<li class="span3" id="c12">
<div class="thumbnail vcard">
<h4>General Steel Crane & Rigging</h4>
<p>
<address>
P.O. Box 1078<br>
Hopkinsville KY 42241<br>
<br>
Phone: 1-270-886-8857<br>
Fax: 1-419-643-4762</address>
</p>
<a href="#" class="btn btn-primary" disabled>Website</a><a href="#" class="btn btn-success" disabled>Email</a>
</div>
</li>
<li class="span3" id="c7">
<div class="thumbnail vcard">
<h4>Northern Grain Design & Const.</h4>
<p>
<address>
8015 highway 7, SE<br>
Clara City MN 56222, USA<br>
<br>
Phone: 1-320-367-2881<br>
Fax: 1-320-367-2879</address>
</p>
<a href="#" class="btn btn-primary" disabled>Website</a><a href="#" class="btn btn-success" disabled>Email</a>
</div>
</li>
<li class="span3" id="c9">
<div class="thumbnail vcard">
<h4>Miller Agri. Sales</h4>
<p>
<address>
103 Sycamore<br>
Friend NE 68359, USA<br>
<br>
Phone: 1-402-947-9881<br>
Fax: 1-402-947-9801</address>
</p>
<a href="#" class="btn btn-primary" disabled>Website</a><a href="#" class="btn btn-success" disabled>Email</a>
</div>
</li>
<li class="span3" id="c11">
<div class="thumbnail vcard">
<h4>Innovative Electrical Solutions. LLC.</h4>
<p>
<address>
11 W. Wilson<br>
P.O. Box 202<br>
Henning IL 61832, USA<br>
<br>
Phone: 1-217-286-3280</address>
</p>
<a href="#" class="btn btn-primary" disabled>Website</a><a href="#" class="btn btn-success" disabled>Email</a>
</div>
</li>
</ul>
ブートストラップcssファイル私はいくつかの非常に小さな変更(リンクの色やタブ/背景色の変更)を行いましたが、サムネイルやグリッドシステムとは何の関係もありません。
助けていただければ幸いです、私は本当にここで頭を悩ませています。