缩略图没有排成一行

Question

我无法排列缩略图（4个街区）。最后一个街区突破了第二条线。它是div内容器的宽度吗？如果我将浏览器最小化，那么这些块排列得很好，但它们之间没有间隙。 http://magnixsolutions.com/dev/test/test.html

为什么光标在文本字段中居中？

Answer 1

是的，确实如此。您的thumbnails容器的长度短于thumbnail的长度和它们的间距。

尝试这样的事情：

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

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

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

这是对bootstrap css文件的修改。因此，如果它不起作用，请执行！important来强制执行它们。

更新：

你忘了申请：

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

Answer 2

要将光标定位在文本字段的左侧，您可以使用：

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