패널 내에서 트위터 부트 스트랩 페이지 매김 위젯을 올바르게 정렬 할 수 없습니다.

Question

패널을 정의했으며 내부에 페이지 매김을 추가하고 싶습니다.

margin-left와 margin-right를 auto로 설정하여 text-align 속성을 시도했지만 어느 것도 작동하지 않는 것 같습니다. 또한 플로트와 시도 : 오른쪽하지만 다음 페이지 매김이 HTML 코드입니다

패널에서 떨어진다 :이 여기있어 내가

<style> 
    ul#aligned { 
    text-align: right; 
    } 
    ul#auto-margin { 
    margin-left: auto; 
    margin-right: auto; 
    } 
    ul#floated { 
    float: right; 
    } 
</style> 

을 시도한 일이있다 Ans By의

<div class="container-fluid theme-showcase" role="main"> 

    <div class="row"> 

    <div class='panel panel-default'> 
     <div class="panel-heading">My panel with text-align (nothing happens)</div> 

     <ul class="pagination"> 
     <li class="disabled"><a href="#">&laquo;</a></li> 
     <li class="active"><a href="#">1</a></li> 
     <li><a href="#">2</a></li> 
     <li><a href="#">&raquo;</a></li> 
     </ul> 

    </div> <!-- /panel panel-default --> 

    </div> 

http://jsfiddle.net/opensas/BfuPc/2/

Answer 1

이 질문을보고 : https://stackoverflow.com/a/9184443/47633, 텍스트 센터와 텍스트 오른쪽 부트 스트랩에 대해 알아 냈어 c 젊은 여자.

솔루션은 ul.pagination을 div.text-right로 묶는 것으로 보입니다.

또한 text-align : right 설정은 ul 자체가 아니라 둘러싸는 div에 적용 할 때 작동합니다.

더 나은 솔루션이 있는지 궁금합니다.

Answer 2

나는 이것이 하나의 해결책이라고 생각합니다. 확실하지 않은 경우 더 나은 하나.

.panel{ 
direction: rtl; 
} 
.panel *{ 
direction: ltr; 
}