html - Bootstrap CSS Pull-Right issue -
i have simple piece of code trying work , giving me issues.
i have grid of 9 , 3 set up. 9 being tool title , 3 being status of tool.
in code below however, though using pull-right
content right side of col-md-3
content within isn't aligned right expect be.
here fiddle: https://jsfiddle.net/p5yctnw0/2/
<div class="container-fluid"> <div class="row"> <div class="col-md-9"> <h1 class="tooltitle">tool title <small class="toolsubtitle">#244</small></h1> </div> <div class="col-md-3"><span class="pull-right"><h4>active</h4>(dates & replacement if applicable)</span></div> </div> </div>
what expect:
i know going silly css attribute missing not sure else try.
the content aligned right text not right aligned. use text-right
css class right align text.
<span class="pull-right text-right"> <h4>active</h4> (dates & replacement if applicable) </span>
Comments
Post a Comment