html - adding grid columns breaks the styling -

i have 3 set of strings want display in single line.

i want add grid columns 3 such when window size reduced each set remains intact. adding grid columns messign alignment , spacing , looks :

i removed padding , margin both col class still of no help. can suggest other css changes need fix it. please help!

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

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

hard without code example try this:

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

add to:

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

you add text-align right span class align next other div.