css - 使用 css bootstrap 文本显示在错误的单元格中

Question

我试图指示 bootstrap 中的一个单元格底部对齐。

我试过这样做:

<div class="col-md-4 column" style="position:absolute;bottom:0;right:0;'>

文字在这里

CSS 是:

.col-md-r {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
}

当我在内联应用样式设置时，文本出现在第一行的右下角。这是在第四行。

如果我更改 position:relative，它会保留在正确的单元格中，但会在单元格的顶部对齐。

请帮忙

Answer 1

你知道吗，每个 .col-* 类都有根据 Bootstrap 的位置相关属性。 !!您刚刚给了其中一个position:absolute，所以它会跟随其父相对元素。

尽管如此!让该元素是相对的，删除所有属性，在该列内创建一个子元素，为其指定绝对位置，并将其定位在右下角。

您的 position:absolute 只是破坏了它的结构。那就是它没有落在适当的位置。