부트 스트랩 오른쪽 정렬 열

여기

내가 원하는 것은 바로 수평 라인 옆에 될 수있는 로그인 button입니다

.index_heading { 
 
    background-color:black; 
 
    color:white; 
 
} 
 

 
.header_index { 
 
} 
 

 
.border { 
 
    border:1px solid red; 
 
    margin-right:100px; 
 
} 
 
.login { 
 
    margin-top:3%; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="row index_heading"> 
 
    <div class="col-md-6 border pull-right"> 
 
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST"> 
 
     <div class="login"> 
 
     <div class="col-xs-3"> 
 
      <input type="text" name="username" class="form-control" placeholder="username"> 
 
     </div> 
 
     <div class="col-xs-3"> 
 
      <input type="password" name="password" class="form-control" placeholder="password"><br> 
 
     </div> 
 
     <div class="col-xs-2"> 
 
      <input type="submit" name="login" value="login" class="form-control btn btn-primary"> 
 
     </div> 
 
    </div> 
 
</form> 
 
    </div> 
 
</div>

내 fiddle

코드입니다.

나는 pull-right과 text-right을 시도했지만 어느 것도 작동하지 않습니다.

모든 솔루션이 도움이 될 것입니다.

출처

2016-05-31 stefan.kenyon