html - Bootstrap 3: text on the left and right in the page header -


i'm trying make simple page header bootstrap 3. here's code:

<div class="page-header">     <h1>text on left</h1>     <h3 class="text-right">this right on same line</h3> </div> 

here's jsfiddle try: http://jsfiddle.net/dtchh/2450/

basically want have text on left , right inside page-header, on same line.

the usual tricks of using float:left , float:right normal html "break" page-header, meaning text aligned displayed outside (under) page-header, remains empty.

any clues?

you can use "pull-right" , "pull-left" classes, "clearfix" class after.

<div class="page-header">   <div class="pull-left">   <h1>text on left</h1>   </div>   <div class="pull-right">   <h3 class="text-right">this right on same line</h3>   </div>   <div class="clearfix"></div> </div> 

also can adjust line height on h3 tag in right, if want match h1


Comments

Popular posts from this blog

python - mat is not a numerical tuple : openCV error -

c# - MSAA finds controls UI Automation doesn't -

wordpress - .htaccess: RewriteRule: bad flag delimiters -