2016-03-20 25 views
1

電子メール、名前、送信ボタンを含む1行のフォームが必要です。送信ボタンは、フォームの残りの部分に中央に配置する必要があります。私はマージンを試しました:オート、しかしそれは動作していないようです。ここでブートストラップの中央ボタン

は、私が持っているものです。 enter image description here ここで私が持っているしたいものだ。

enter image description here

HTMLコード:

<div class="well well-sm col-xs-8 col-xs-offset-2" style='background-color:#888; border-radius:5px;'> 

    <form class="form"> 

    <div class="row" > 
     <div class="col-xs-4"> 
     <input type="text" name="name" value="" class="form-control" placeholder="Enter Name"> 
     </div> 
     <div class="col-xs-4"> 
     <input type="email" name="email" value="" class="form-control" placeholder="Enter Email"> 
     </div> 
     <div class="col-xs-4" style='margin:auto;'> 
     <button type="submit" name="submit" value="Submit" class="btn btn-primary">Submit</button> 
     </div> 
    </div> 

    </form> 
</div> 

ペン:センター:http://codepen.io/anon/pen/QNpgNN

答えて

1

あなたはテキスト整列を必要とします部門内

<div class="col-xs-4" style='text-align:center;'> 
    <button type="submit" name="submit" value="Submit" class="btn btn-primary">Submit</button> 
    </div> 
+0

これはうまくいった。ありがとう!!! – user1566515

関連する問題