グリッドの列を追加するとスタイルが壊れます

Question

私は3行の文字列を1行に表示したいのですが、

3つすべてのグリッド列を追加して、ウィンドウサイズが小さくなっても各セットが元のままになるようにします。しかし、グリッド列を追加すると、アライメントおよび間隔でアップ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

ハードが、これを試してください：あなたがにスパンクラスにテキスト右揃えを追加

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

：

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

にこれを追加他のdivの横に並べます。