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
Post a Comment