html - Bootstrap 网格对齐问题

Question

请在此处查看页面和代码:http://deadlydesigns.com/bootstrap/

你好，我是 Bootstrap 的新手。我一直在将 Bootstrap 实现到静态 HTML 页面，但似乎无法弄清楚如何在右侧正确对齐购物车、流行艺术家和流行流派。这是我所做的。艺术标题和艺术家使用 col-md-10 类连续排列。我还没有结束行，并在 col-md-10 类中为图像、描述和产品详细信息创建新行，其中嵌套的 col-md-5 用于图像，嵌套的 col-md-7 用于描述和产品细节。同样，我还没有结束这一行。然后我为类似产品部分添加了第三行。这被赋予了 col-md-10 类。然后，我将购物车、流行艺术家和流行流派归入 col-md-2 类。我曾希望，由于行还没有结束，所以面板会“漂浮”到右侧并正确对齐，但事实并非如此。在应用 col-md-2 类之前，它们实际上确实正确对齐；但是，该元素占据了页面的整个宽度。应用 col-md-2 后，它会下降到页面的下部。在这些面板之后，我结束了所有三行。 Here is how the page is supposed to look .任何帮助，将不胜感激。

谢谢!迈克

Answer 1

Div 到处都是，需要四处移动和更改，请参阅 http://www.bootply.com/vYCgzsLueY对于大部分布局正确，您的页面标题需要与其余部分放在同一行，并将 col-md-10 更改为 col-md-12