2017-09-15 59 views
-1

我将如何设置两个字段集并排获取类似的内容? What I am going for如何在html中并排设置两个字段集?

这是我到目前为止有: Fieldset reaches end of page

+1

你可以把你的代码放入codepen,codeply或jsfiddle吗?你更可能以这种方式获得帮助。 – cwanjt

+1

@cwanjt如果没有修复,那么仅在这些网站上发布您的标记只会得到一个关闭的问题。 – Rob

+1

在SO上,您应该尝试**自己编写代码**。后** [做更多的研究](//meta.stackoverflow.com/questions/261592)**如果你有问题,你可以**发布你已经尝试**与清楚的解释是什么是'工作**并提供** [最小,完整和可验证示例](// stackoverflow.com/help/mcve)**。 – Rob

回答

0

您可以使用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>