Bootstrap 3.3.6 align right

Question

До сих пор я использовал Bootstrap 3.3.1, все было в порядке.

http://jsfiddle.net/PKrUC/256/

Тогда я должен обновить Bootstrap до последней версии 3.3.6:

http://jsfiddle.net/PKrUC/257/

кнопки находятся на неправильной стороне. align="right", похоже, больше не работает. Я использовал файлы с https://cdnjs.com/libraries/twitter-bootstrap/3.3.6 как ресурсы extern для jsfiddle.
Кто-нибудь знает, почему это происходит и как я могу это исправить?

Answer 1

Вы можете использовать 'тянуть-право' в отдельных классы кнопки

[1]: http://jsfiddle.net/PKrUC/260/ 

Answer 2

Вы можете просто исправить, добавив .text-right в родительский элемент

Fix: http://jsfiddle.net/eycfyvx9/

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> 
 
<div class="container"> 
 
    <div class="col-md-4 col-md-offset-4"> 
 
    <form class="form-horizontal" method="POST" id="packet_form"> 
 
     <div class="panel panel-info"> 
 
     <div class="panel-heading"> 
 
      <div class="row"> 
 
      <div class="col-xs-12"> 
 
       <h4 class="pull-left">New Packet</h4> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     <div class="panel-body" id="panel_user"> 
 
      <div class="form-group"> 
 
      <label class="col-xs-3 control-label" for="date">Expire-Date</label> 
 
      <div class="col-xs-6"> 
 
       <input type="date" id="date" name="date" class="form-control"> 
 
      </div> 
 
      </div> 
 
      <div class="form-group"> 
 
      <label class="col-xs-3 control-label" for="licence_text">Lizence:</label> 
 
      <div class="col-xs-9"> 
 
       <textarea class="form-control" id="licence_text" name="licence_text" rows="20"></textarea> 
 
      </div> 
 
      </div> 
 
      <div class="form-group"> 
 
      <div class="col-xs-12 text-right"> 
 
       <a class="btn btn-danger" href="javascript:window.history.back()">Back</a> 
 
       <button type="submit" class="btn btn-success" formaction="add_packet.php">Save</button> 
 
      </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </form> 
 
    </div> 
 
</div>