添加网格列打破了造型

Question

我有三个组，我想在一个单行显示的字符串。

我想为所有三个网格列添加网格，即使窗口大小减小，每个集合仍然保持不变。但添加格列与对齐和间距messign起来，它看起来像这样：

我去掉填充和利润来自两个山坳类但仍是没有帮助的。任何人都可以建议我需要做些什么其他的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> 

您的跨度类添加文本对齐权将它与其他div对齐。