Css 引导两列布局未对齐

我试图创建一个简单的两列布局，其中一个大图像后跟两列，左一列用于图像，右一列用于文本

但我无法将图像列与顶部的大图像对齐。 我可以添加一个边距为-15px的类，但在XS屏幕大小上会出现偏差

我可以为xs屏幕添加另一个-15px的边距，然后我可能还需要修复其他东西。这是一个基本的布局问题，我感觉我做错了什么

你们能告诉我我做错了什么，我应该如何处理Bootstrap3中的两列布局吗

以下是您需要添加的

：

.custom-left {    
    padding: 0;
}

到您的。自定义左类。如果要将此div与顶部图像对齐，请将其添加到.custom right类中

更新的Bootply:

下框中的

导致故障。这里有两个选项：

只需删除div

在

您实际上是在创建一个嵌套网格，而引导要求您在每个新嵌套级别开始时使用一个新的

---

请参阅：

@bspellmeyer是正确的。在引导中嵌套列时，需要添加一行

，然后添加嵌套列

原因如下

网格由三部分组成：容器、行和列

这个容器有15像素的填充物。该行使用-15px的边距否定容器填充。列具有15px的填充，这会将内容从容器的边缘拉离，并创建一个一致的30px边沟

添加仅由负行边距抵消的15px填充的目的似乎很愚蠢，但必须允许在其他列中嵌套列！请注意，在下图中，红色轮廓表示的嵌套列如何整齐地放入封闭列中，而无需应用额外的填充


我保证，一旦这种情况发生，让网格按您希望的方式运行将是轻而易举的事。
比您更容易！！我现在就试试。试试看，问题解决了。非常感谢！：）我正在使用选项2。想知道哪个选项是理想的吗？1或2？对于您的特定用例，选项1已经足够了，因为它是更干净的HTML，具有更少的混乱。当您计划添加额外的子列和更深的嵌套级别时，选项2将非常有用。你们太棒了！！谢谢，嗯？谁投票否决了答案？你有没有看过更新后的引导层？