javascript - Bootstrap text-alignment based on size for buttons -

javascript - Bootstrap text-alignment based on size for buttons -

i'm trying dive through documentation , seem hitting dead end on something. i'm curious if there's way build in text-alignment @ size level buttons etc without pulling buttons separate divs.

for example, great text-alignment right , left @ md , lg buttons side side , centered rest of text. in order have snap place work around i've been able find create set of buttons hidden tablet sm , phone xs.

so current work around have maintain 1 set of buttons if possible. thoughts?

<div class="row"> <div class="clearfix visible-xs visible-sm text-center"> <div class="col-sm-12 col-xs-12 mrg-b-lg"> <div class="btn btn-primary btnchangelogin" onclick="submitform('changelogin')"> alter login </div> </div> <div class="col-sm-12 col-xs-12 text-center"> <div class="btn btn-secondary btnlogout" onclick="submitform('logout')"> logout </div> </div> </div> <div class="clearfix hidden-xs hidden-sm text-center"> <div class="col-md-6 col-lg-6"> <div class="btn btn-primary btnchangelogin" onclick="submitform('changelogin')"> alter login </div> </div> <div class="col-md-6 col-lg-6"> <div class="btn btn-secondary btnlogout" onclick="submitform('log-out')"> logout </button> </div> </div> </div>

try doing in button groups this: http://getbootstrap.com/components/#btn-groups

javascript css class twitter-bootstrap button