angularjs - how to align column to the right? -
i getting head around twitter bootstrap 3 , column setup. got 2 columns on same line:
<!--datetime row--> <div> <div class="col-md-6 form-group"> <label for="">title:</label> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownmenu1" data-toggle="dropdown" aria-expanded="true"> dropdown <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownmenu1"> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">action</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">another action</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">something else here</a></li> <li role="presentation"><a role="menuitem" tabindex="-1" href="#">separated link</a></li> </ul> </div> </div> <div class="col-md-6 form-group"> why left instead of right aligned?? </div> </div>
the problem cannot second column sit right dropdown is. dropdown in first column , in second column 'why this...' text. causes this? here ref full snippet: http://plnkr.co/edit/tufld2?p=preview
you can add ' text-right
<div class="col-md-6 form-group">
please see here
http://plnkr.co/edit/ruadxlj6exkzyfbkveuc?p=preview
and if want have column 50% of screen on small devices
change col-md-6
col-xs-6
Comments
Post a Comment