2017-11-11 8 views
-1

メールとパスワードを同じ行に表示したいが、動作していない。私を助けてください。ブートストラップフォームの水平方向の配置が機能していませんか?

<div class="container"> 
        <form > 
         <fieldset class="form-group row"> 
          <label for="email" class="control-label col-sm-2">Email</label> 
          <div class="col-sm-10"> 
           <input type="email" class="form-control" id="email" /> 
          </div> 
         </fieldset> 
         <fieldset class="form-group row"> 
          <label for="password" class="control-label col-sm-2">Password</label> 
          <div class="col-sm-10"> 
          <input type="password" id="password" class="form-control" /> 
          </div> 
         </fieldset> 
         <fieldset class="form-group"> 
          <button type="submit" class="btn btn-primary">Submit</button>     
         </fieldset> 
        </form> 
       </div> 
+0

のようなものであることを確認してください。 https://getbootstrap.com/docs/3.3/css/#forms-inline –

答えて

-1

あなたのコードは、明確にそれを行うにはどのように述べています。この

<form class="form-horizontal" role="form"> 
<div class="form-group"> 
<label for="firstname" class="col-sm-2 control-label">First Name</label> 
<div class="col-sm-10"> 
<input type="text" class="form-control" id="firstname" 
placeholder="Enter First Name"> 
</div> 
</div> 
<div class="form-group"> 
<label for="lastname" class="col-sm-2 control-label">Last Name</label> 
<div class="col-sm-10"> 
<input type="text" class="form-control" id="lastname" 
placeholder="Enter Last Name"> 
</div> 
</div> 
<div class="form-group"> 
<div class="col-sm-offset-2 col-sm-10"> 
<div class="checkbox"> 
<label> 
<input type="checkbox"> Remember me 
</label> 
</div> 
</div> 
</div> 
<div class="form-group"> 
<div class="col-sm-offset-2 col-sm-10"> 
<button type="submit" class="btn btn-default">Sign in</button> 
</div> 
</div> 
</form> 
-1
<div class="container"> 
        <form > 
        <fieldset class="form-group row"> 
        <div style="float: left;"> 

          <label for="email" class="control-label col-sm-2">Email</label> 
          <div class="col-sm-10"> 
           <input type="email" class="form-control" id="email" /> 
          </div> 


        </div> 
        <div style="margin-left: 250px"> 
          <label for="password" class="control-label col-sm-2">Password</label> 
          <div class="col-sm-10"> 
          <input type="password" id="password" class="form-control" /> 
          </div> 
          </div> 
        </fieldset> 



         <fieldset class="form-group"> 
          <button type="submit" class="btn btn-primary">Submit</button>     
         </fieldset> 
        </form> 
       </div> 
+0

さまざまなCSSオプションを試すことができます –

+0

そのコードの周りの情報を[編集]に追加できますか? – LW001

+0

申し訳ありません私はそれを忘れました私はここに新しいです:D –

関連する問題