하단 정렬 후 풀 오른쪽

이 내 코드입니다 : enter image description here 하단 정렬 후 풀 오른쪽

나는이 같은 DropDownList로 옆에 아래로 PagedListPager을 정렬 할 :이 출력은

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

div1 스타일을 position:relative 및 div2 스타일을 position:absolute; bottom:0으로 설정하려고 시도했지만 작동하지 않았습니다.

출처

2014-07-25 Oswaldo

html로 jsfiddle을 생성하십시오. 부트 스트랩 클래스로 잘 작동 http://jsfiddle.net/455SX/ – Morpheus

Morpheus, 정말 죄송합니다. 설치 한 다른 NuGet 패키지의 CSS (여백 : 0)에 오류가 있습니다. 당신은 당신의 jsfiddle로 많은 도움을주었습니다. 질문을 삭제해야합니까? 대단히 감사합니다 !! – Oswaldo

@OswaldoMilet 질문에 답하고 정답으로 선택하십시오. – Idrees

모피어스의 의견을 듣고 나는 그의 jsfiddle 예제와 차이점을 찾아 내 CSS 클래스에서 오류 (여백 : 0)를 발견했다.

잘못된 질문에 사과드립니다.

출처

2014-07-26 14:11:39 Oswaldo

하단 정렬 후 풀 오른쪽

답변

관련 문제