如何在html中並排設置兩個字段集？

-1

我將如何設置兩個字段集並排獲取類似的內容？ What I am going for 如何在html中並排設置兩個字段集？

2017-09-15 Eduardo X

你可以把你的代碼放入codepen，codeply或jsfiddle嗎？你更可能以這種方式獲得幫助。 – cwanjt

@cwanjt如果沒有修復，那麼僅在這些網站上發佈您的標記只會得到一個關閉的問題。 – Rob

在SO上，您應該嘗試**自己編寫代碼**。後** [做更多的研究]（//meta.stackoverflow.com/questions/261592)**如果你有問題，你可以**發佈你已經嘗試**與清楚的解釋是什麼是'工作**並提供** [最小，完整和可驗證示例]（// stackoverflow.com/help/mcve)**。 – Rob

您可以使用Bootsrap的電網系統。

請檢查this進行演示。

<main class="container"> 
    <form> 
     <ul class="row"> 
     <li class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
      <fieldset> 
      <label class="label">Firstname</label> 
      <input type="text" value="Firstname" class="form-input form-control" /> 
      </fieldset> 
      <fieldset> 
      <label class="label">Lastname</label> 
      <input type="text" value="Lastname" class="form-input form-control" /> 
      </fieldset>   
     </li> 
     <li class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> 
      <fieldset> 
      <label class="label">Username</label> 
      <input type="text" value="Username" class="form-input form-control" /> 
      </fieldset> 
      <fieldset> 
      <label class="label">Password</label> 
      <input type="password" value="Password" class="form-input form-control" /> 
      </fieldset>   
     </li> 
     </ul>  
    </form> 
    </main>

來源

2017-09-15 03:12:20 rafon

如何在html中並排設置兩個字段集？

回答

相關問題