html - Bootstrap CSS Style Issue -


i trying figure out how adjust of bootstrap css styling fix issue running into.

i using page header class create title consistent across pages.

on page working on, there more information add right side of page within header.

anytime try appear above line, goes below or in middle , line doesnt seem move.

fiddle: http://jsfiddle.net/rka18lze/

<div class="container">   <div class="page-header">     <h3 class="text-info">a page header here</h3>   </div>   <div class="row">     <div class="col-md-4 col-md-offset-8 text-right">       <h5 class="text-info">owner: <a href="#" target="_blank">bob smith</a></h5>       <h5 class="text-info">type: desktop</h5>       <h5 class="text-info">status: active</h5>     </div>   </div> </div> 

here example of trying accomplish:

is there way can move line down under text; or maybe special class in 1 situation if needed?

enter image description here

this bootstrap-only solution: (example)

<div class="container">     <div class="page-header row">       <div class="col-xs-6 col-sm-6 col-sm-6 col-md-8">         <h3 class="text-info">a page header here</h3>       </div>       <div class="col-xs-6 col-sm-6 col-sm-6 col-md-4 text-right">           <h5 class="text-info">owner: <a href="#" target="_blank">bob smith</a></h5>           <h5 class="text-info">type: desktop</h5>           <h5 class="text-info">status: active</h5>       </div>   </div> </div> 

creates:

enter image description here


Comments

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -