텍스트 센터와 텍스트 권한이 부트 스트랩에서 작동하지 않습니다.

내 페이지의 일부 요소를 가운데 및 오른쪽에 정렬하고 싶지만 부트 스트랩 클래스 '텍스트 오른쪽'과 '텍스트 센터'가 작동하지 않는 것 같습니다. , 비록 'text-left'가 그렇다고하더라도.텍스트 센터와 텍스트 권한이 부트 스트랩에서 작동하지 않습니다.

감사합니다.

<div class="container-fluid"> 
    <div class="row text-center" id="header"> 
     <div class="col-xs-12"> 
      <div class="container" style="padding-left:30px; padding-right:30px;"> 
       <div class="col-xs-2 text-left" id="mainLogo"> 
        <a href="/"><img src="/stylesheet/main_logo.png" ></a> 
       </div> 

       <div class="col-xs-6 text-right"> 
        <ul class="nav nav-pills"> 
         <li role="presentation" class="dropdown"> 
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-expanded="false"> 
           <span class="glyphicon glyphicon-user"></span> Account <span class="caret"></span> 
          </a> 
          <ul class="dropdown-menu" role="menu"> 
           <li id="ctl00"> 
            <a href="/account/">Your Account</a> 
           </li> 
           <li id="user"> 
            <a href="/profile/">Profile</a> 
           </li> 
           <li id="panel"> 
            <a href="/shop/reviewbasket/">Basket</a> 
           </li> 
          </ul> 
         </li> 
        </ul> 
       </div> 

       <div class="col-xs-4 text-right"> 
        <div id="search"> 
       </div>  
       </div> 
       </div> 
      </div> 
     </div> 
    </div>

출처

2016-08-03 user3005003

당신이 적용되고 스타일 규칙을 확인하기 위해서는 브라우저의 개발자 콘솔 (이하 "관리자")를 사용할 수 있어야하고, 어디 고장이 일어나고 있습니다. 'text-right'와'text-center'는 잘 작동하지만 그렇게 높은 수준은 아닐 수도 있습니다. 너는 네비게이션 ul 안에있는 각'a '에 넣을 필요가있다. –

나는 그것이 작동하고 있다고 생각한다.이 피들을 참조하라. https://jsfiddle.net/f0wL18zy/ 안녕하세요 센터입니다. –

text-right은 인라인 요소에서만 작동합니다. 이 같은 pull-right을 사용하십시오 있도록 UL는 블록 요소입니다 ..

<div class="col-xs-6"> 
    <ul class="nav nav-pills pull-right"> 
     ...

출처

2016-08-03 14:33:50 ZimSystem

텍스트 센터와 텍스트 권한이 부트 스트랩에서 작동하지 않습니다.

답변

관련 문제