內嵌形式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

回答

相關問題