css - サムネイルが並んでいない

Question

サムネイルを並べるのに苦労しています（4ブロック）。最後のブロックが 2 行目に分割されました。div内のコンテナの幅ですか？ブラウザを小さく最小化すると、ブロックはうまく並んでいますが、ブロック間に隙間はありません。http://magnixsolutions.com/dev/test/test.html .

また、カーソルがテキストフィールドの中央にあるのはなぜですか?

Answer 1

はい、そうです。あなたのthumbnailsコンテナは、thumbnailそれらの長さとギャップを合わせた合計よりも短くなっています。

次のようなことを試してください：

.thumbnails {
   margin-left: -15px;
   ...
}

.thumbnails li {
   margin-left: 15px;
   ...
}

.thumbnail {
   width: 220px;
   ...
}

これは、ブートストラップ css ファイルの変更です。したがって、効果がない場合は、 !important を適用して強制します。

アップデート：

申請するのを忘れた:

.thumbnails > li {
    margin-left: 15px !important
}

Answer 2

テキストフィールドの左にカーソルを配置するには、これを使用できます。

.fname, .lname, .zipcode
{
    text-align: left;
}