0
ブートストラップ列に問題があります。ここでブートストラップ右揃えの列
は、私が欲しい私のfiddle
コード
.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>
でログインbutton
は右水平ラインの隣であるためにです。
私はpull-right
とtext-right
を試しましたが、いずれも動作しません。
解決方法はありますか。