bootstrap日期选择器弹出窗口

Question

如何移动日期选择器弹出窗口以显示在右侧？目前，它让我向下滚动页面以查看日历。

 <div class ="form-group">
<label class="col-sm-2 control-label" >Received Date</label>
<div class="col-sm-2 input-group date" data-date-format="mm-dd-yyyy"> 
<input class="text-input form-control" type="text" name="ARDT" id="ARDT" maxlength="10" />
<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
</div>
</div>

2。如何将应用程序编号的宽度调整为15？

<div class ="form-group">
 <label class="col-sm-2 control-label" >Application Number</label>
  <div class="col-sm-3">
   <input  class="text-input form-control" type="text" name="appNumber" id="appNumber" maxlength="15" size="15"/>
 </div>
 </div>

DEMO

Answer 1

Twitter bootstrap-3 datepicker有选项＆＃34; orientation＆＃34;：

  

由空格分隔的字符串，由“left”或“left”中的一个或两个组成   “右”，“顶”或“底”，“自”（可省略）;例如，   “左上角”，“下方”（水平方向默认为“自动”），   “右”（垂直方向默认为“自动”），“自动顶部”。   允许固定放置选择器弹出窗口。