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:

enter image description here

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

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -