2017-11-11 94 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 –