Question

我正在使用带jquery的bootstrap，我试图弄清楚如何将这个textarea排在屏幕的右侧而不是左侧。有人可以帮助我如何将它移动到屏幕的右侧。

<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">

Answer 2

尝试Bootstrap类pull-right

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

Bootstrap textarea对齐右css

2 个答案: