内嵌形式MVC

我使用MVC的引导模板创建一个在线的形式，但是当我创建这个代码内嵌形式：内嵌形式MVC

<form class="form-inline"> 
     <div class="form-group"> 
      <label for="exampleInputName2">Name</label> 
      <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"> 
     </div> 
     <div class="form-group"> 
      <label for="exampleInputEmail2">Email</label> 
      <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]"> 
     </div> 
     <button type="submit" class="btn btn-default">Send invitation</button> 
    </form>

这就是结果：

怎样才能实现一个内联表单？

来源

2016-09-05 Piero

这是因为标签。定义一些自定义CSS来移动按钮。 – Morpheus

也只有一个标签和一个输入，输入总是在另一行，你能给我一个例子吗？ – Piero

我相信你有一些覆盖标签的附加样式。 http://getbootstrap.com/css/#forms-inline – Morpheus

添加您的按钮，在表单组

<div class="form-group"> 
    <button type="submit" class="btn btn-default">Send invitation</button> 
</div>

来源

2016-09-05 10:15:54

<form class="form-inline"> 
    <div class="col-lg-4" id="userFormColumn1"> 
     <div class="form-group"> 
      <label for="exampleInputName2">Name</label> 
      <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe"> 
     </div> 
    </div> 
    <div class="col-lg-4" id="userFormColumn1"> 
     <div class="form-group"> 
      <label for="exampleInputEmail2">Email</label> 
      <input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]"> 
     </div> 
    </div> 
    <div class="col-lg-4" id="userFormColumn1"> 
     <div class="form-group"> 
      <button type="submit" class="btn btn-default">Send invitation</button> 
     </div> 
    </div> 
</form>

试试这个。

来源

2016-09-05 12:16:02 ADarnal

回答

相关问题