css - 缩略图未排列

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;
   ...
}

这是对引导 css 文件的修改。因此，如果它没有任何效果，请应用 !important 来强制执行它们。

更新：

你忘了申请：

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

Answer 2

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

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