1. 首頁
  2. 問答
  3. 底部對齊後右拉式

底部對齊後右拉式

2014-07-25 41 views
0

這是我的代碼：底部對齊後右拉式

<div class="row"> 
    <div class="col-xs-4"> 
     <h2>Some header text</h2> 
    </div> 
    <div id="div1" class="col-xs-8"> 
     <div class="pull-right"> 
      @using (Html.BeginForm("ChangePageSizeAction", "myController")) 
      { 
       @Html.AntiForgeryToken() 
       <small>Page Size</small> 
       @Html.DropDownList("pageSize", null, htmlAttributes: new { @class = "form-control", onchange = "this.form.submit();" }) 
      } 
     </div> 
     <div id="div2" class="pull-right" style="padding-right:10px"> 
      @Html.PagedListPager(Model, page => Url.Action("Index", new { page }), 
         new PagedListRenderOptions() 
         { 
          MaximumPageNumbersToDisplay = 3, 
          DisplayPageCountAndCurrentLocation = true, 
          PageCountAndCurrentLocationFormat = "Page {0} of {1}", 
         }) 
     </div> 
    </div> 
</div>

這是輸出： enter image description here

我要對齊的PagedListPager上下將DropDownList這樣的旁邊： enter image description here

我試圖設置div1風格到position:relative和div2風格到position:absolute; bottom:0但沒有工作。

來源

2014-07-25 Oswaldo

+1

請用你的html創建一個jsfiddle。工作正常與引導類http://jsfiddle.net/455SX/ – Morpheus

+0

Morpheus，我很抱歉的問題，我發現我的CSS（邊距：0）在我已經安裝的另一個NuGet打包錯誤。你用你的jsfiddle幫了我很多。我應該刪除這個問題嗎？非常感謝你！！ – Oswaldo

+2

@OswaldoMilet回答你自己的問題，然後選擇它作爲正確的答案。 – Idrees

回答

0

Morpheus評論後，我尋找他的jsfiddle例子和我的區別，所以我發現在我的CSS類錯誤（保證金：0）。

所以，對於錯誤的問題抱歉。

來源

2014-07-26 14:11:39 Oswaldo

相關問題

 相關問題