縦型の整列ブートストラップ

縦型に整列しようとしていますが、できません。以下はブートストラップを使用して私のコードです。あなたは助けてもらえますか？縦型の整列ブートストラップ

これは重複する質問ではありません。私は最終的にここに自分自身を掲示する前に、ここですでに10の他の質問を見直しました。

<div class="row"> 
    <div class="col-md-12"> 
     <form> 
      <div class="form-group"> 
       <label class="control-label">Label</label> 
       <input type="text" class="form-control" /> 
       <button class="btn btn-default" type="button">Button</button> 
      </div> 
     </form> 
    </div> 
</div>

試しました。働いていない。は、以下のコードに更新されます - 以下

<div class="row"> 
    <div class="col-md-12"> 
     <form class="form-inline"> 
      <input type="text" class="form-control" /> 
      <button class="btn btn-default" type="button">Button</button> 
     </form> 
    </div> 
</div>

上にどのように入力ボックススティック..スナップショットです：

出典

2017-02-01 Bharat Nanwani

スニペットをチェックアウトしています – neophyte

私のコードに間違いがあります。それは本当に動作していません。 –

完全なHTMLコード – neophyte

だけ

<!doctype html> 
 
<html> 
 
<head> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
    </head> 
 

 
    <body> 
 
     
 
     <div class="container-fluid"> 
 
     <div class="row"> 
 
    <div class="col-md-12 col-sm-12 col-xs-12"> 
 
     
 
     <form class="form-inline"> 
 
      <div class="form-group"> 
 
      
 
      
 
       <label class="control-label">Label</label> 
 
       
 
       
 
       <input type="text" class="form-control" > 
 
       
 
       <button class="btn btn-default" type="button">Button</button> 
 
       </div> 
 
       
 
      
 
     </form> 
 
    
 
</div> 
 
     </div> 
 
     </div> 
 
</body> 
 
    </html>

タグを形成するために class="form-inline"を追加

出典

2017-02-01 17:52:59 neophyte

動作しません。それを試みた。 Txtボックスは、ボタンが中央にどのように配置されているかのように、中心になるのではなく、上に固定されています。 –

縦型の整列ブートストラップ

答えて

関連する問題