在引導程序的同一行上保留2個元素

我正在爭取在引導程序模式中的同一行上獲取下拉列表和按鈕。我試過使用<，但它不起作用。在引導程序的同一行上保留2個元素

<div class="col-md-12 hSpacerMob"> 
<div class="well"> 
     using (Html.BeginForm("AddPlayerSignup", "SignupSheet")) 
     { 
      @Html.DropDownList("Member", tournament.SignupSheet.GroupMembers) 
       <span> 
        @Html.SubmitButton("Add", true, new { @class = "btn btn-primary" }) 
       </span> 
     } 
     @Html.ActionLink("Pause", "ChangeState", "SignupSheet", new { Paused = true }, new { @class = "btn btn-warning" }) 
    </div> 
    </div>

所以我需要在同一行的下拉列表和「添加」按鈕旁邊的對方，下面的暫停按鈕，但因爲它的立場，他們只是顯示下方對方。

編輯：我試着用行，但也不能正常工作

<div class="row"> 
    <div class="col-md-6"> 
     @Html.DropDownList("Member", ladder.SignupSheet.GroupMembers, new {label = "Members", @class = "pull-left form-control", @style = "width:200px"}) 
    </div>  
    <div class="col-md-6"> 
     @Html.SubmitButton("Add member", true, new {@class = "btn btn-primary"}) 
    </div> 
</div>

來源

2015-09-15 BMills

已經忘了'row'！ –

我試過了，但沒有奏效。 – BMills

我設法讓他們排隊的唯一方法是使用鈍頭力的方法來改變margin-top屬性，但這會導致良好的結果太大而在下面留下太多空間。這個問題很煩人。 :( – BMills

引導具有輸入組的組合，你可能會想嘗試

<div class="input-group"> 
    @Html.DropDownList("Member", tournament.SignupSheet.GroupMembers) 
    <div class="input-group-btn"> 
    @Html.SubmitButton("Add", true, new { @class = "btn btn-primary" }) 
    </div> 
</div>

來源

2015-09-15 16:13:00 JamieD77

我終於想通了輸入和按鈕問題！我的提交按鈕對'container'bool有一個'true'重載，當它應該是false時。將它設置爲true後，添加了「表單動作」樣式，其中添加了一個margin-top：30px元素。所以只要我把它設置爲false就行。

<div class="row"> 
    <div class="col-md-6"> 
     @Html.DropDownList("Member", ladder.SignupSheet.GroupMembers, new {label = "Members", @class = "pull-left form-control", @style = "width:200px"}) 
    </div>  
    <div class="col-md-6"> 
     @Html.SubmitButton("Add member", false, new {@class = "btn btn-primary"}) 
    </div> 
</div>

來源

2015-09-29 11:00:16 BMills

在引導程序的同一行上保留2個元素

回答

相關問題