2013-11-20 22 views
0

的右鍵我想工作正常使用引導3使用引導貼上集裝箱

它的詞綴,但我需要做的按鈕貼上正確的容器不窗口。

我面臨的問題是,當我Ctrl--減少畫面尺寸按鍵得到窗口的右搖桿。(大屏幕上面臨的問題)

我如何能堅持按鈕container.so時的權屏幕尺寸變大,它顯示正確的容器。

這裏是鏈接:Fiddle link

.save-btn .affix { 
    top: 100px; 
    right: 0px; 

} 
.container { 
    border: 1px solid #ccc; 
} 



<div class="container"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <form class="form-horizontal" role="form"> 
       <div class="form-group"> 
        <label for="exampleInputEmail1">Email address</label> 
        <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email"> 
       </div> 
       <div class="form-group"> 
        <label for="exampleInputPassword1">Password</label> 
        <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password"> 
       </div> 
       <div class="form-group"> 
        <label for="exampleInputFile">File input</label> 
        <input type="file" id="exampleInputFile"> 
        <p class="help-block">Example block-level help text here.</p> 
       </div> 
       <div class="checkbox"> 
        <label> 
         <input type="checkbox"> Check me out 
        </label> 
       </div> 
       <div class="save-btn"> 
        <button name="submit" type="submit" value="Save" class="btn btn-orange btn-lg affix" data-spy="affix" data-offset-top="0">Save </button> 
       </div> 
      </form> 
     </div> 
    </div> 
</div> 

回答

0

的的jsfiddle使用BS 2.x的,但是您的標記是用於自舉3.

我創建了一個Bootply(包括BS 3自動地):http://www.bootply.com/95296

我想你想用pull-right而不是affix將按鈕向右拉。

+0

需要將按鈕定位在右側 – Kango