html - 添加网格列会破坏样式

Question

我想在一行中显示三组字符串。

我想为所有三个添加网格列，这样即使窗口大小减小，每组都保持不变。但是添加网格列会弄乱对齐和间距，它看起来像这样:

我从两个 col 类中删除了填充和边距，但仍然没有帮助。任何人都可以建议我需要做哪些其他 css 更改来修复它。请帮忙!

.no-padding {
  padding: 0 !important;
  margin: 0 !important;
}

<div>
  <div class="col-sm-4 no-padding">
    <span>in the last 24 hours</span>
  </div>
  <div class="col-sm-7 no-padding">
     <span>trending down </span>
     <span> compared to 0 in previous 24 hours</span>
  </div>
</div>

Answer 1

没有代码示例很难，但试试这个:

.text-right {
  text-align: right;
}

将此添加到:

<span class="text-right">in the last 24 hours</span>

您将 text-align right 添加到 span 类以使其与另一个 div 相邻对齐。