jquery - Bootstrap文本区域右对齐CSS

Question

我正在使用 bootstrap 和 jquery，我试图弄清楚如何让这个文本区域排列在屏幕的右侧而不是左侧。有人可以帮助我如何将其移到屏幕右侧吗？

<div class="col-xs-7">
  <div class="row">
    <div id="overdueSection" class="col-xs-6">
        <label class="centered" for="overdueWindow">OVERDUE BATCH</label>
        <textarea type="text" name="overdueWindow" id="overdueWindow" class="form-control" rows="7"></textarea>
    </div>
  </div>
</div>

http://jsfiddle.net/pvyk3hps/

Answer 1

实现这一目标的多种方法

1) 自定义 CSS

#overdueWindow {
 float: right
}

2) 使用 Bootstrap push-*类

<div id="overdueSection" class="col-xs-6 col-xs-push-6">