Twitter Bootstrap Question posted in

Bootstrap 3.3.6 align right – Twitter bootstrap

Till now I was using Bootstrap 3.3.1, everything was fine.

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

Then I have to update Bootstrap to the latest version 3.3.6:

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

the buttons are on the wrong side. align="right" seems not working anymore.
I used the files from https://cdnjs.com/libraries/twitter-bootstrap/3.3.6 as extern resources for the jsfiddle.
Anyone know why is this happening and how can I fix it?

Tags:

2

Answers


  1. 0

    You can use ‘pull-right’ in the individual button classes’

    [1]: http://jsfiddle.net/PKrUC/260/
    Login or Signup to reply.
  2. 0

    You can simply fix by adding .text-right in to parent element

    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>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search