Html 在引导过程中保持两个元素在同一行上

Html 在引导过程中保持两个元素在同一行上,html,asp.net-mvc,twitter-bootstrap,Html,Asp.net Mvc,Twitter Bootstrap,我正在努力在引导模式中获得同一行上的下拉列表和按钮。我试过用,但不起作用 <div class="col-md-12 hSpacerMob"> <div class="well"> using (Html.BeginForm("AddPlayerSignup", "SignupSheet")) { @Html.DropDownList("Member", tournament.SignupSheet.GroupMem

我正在努力在引导模式中获得同一行上的下拉列表和按钮。我试过用,但不起作用

<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>

使用(Html.BeginForm(“AddPlayerSignup”,“SignupSheet”))
{
@Html.DropDownList(“成员”、锦标赛、签名表、群组成员)
@SubmitButton(“Add”,true,new{@class=“btn btn primary”})
}
@ActionLink(“暂停”、“更改状态”、“签名页”、新的{Pause=true}、新的{@class=“btn btn warning”})
因此,我需要在同一行上的下拉菜单和“添加”按钮彼此相邻,并在下面显示“暂停”按钮,但就目前情况而言,它们只是显示在彼此下方

编辑:我尝试使用行,但也不起作用

  <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>

@Html.DropDownList(“Member”、ladder.SignupSheet.GroupMembers、新的{label=“Members”、@class=“pull left form control”、@style=“width:200px”})
@SubmitButton(“addmember”,true,new{@class=“btn btn primary”})

引导程序具有用于组合输入和按钮的输入组,您可能希望尝试这些输入和按钮

<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>

@Html.DropDownList(“成员”、锦标赛、签名表、群组成员)
@SubmitButton(“Add”,true,new{@class=“btn btn primary”})

我终于解决了问题!我的提交按钮有一个“容器”bool的“true”重载,而它应该是false。将其设置为true后,添加了“form actions”样式,其中添加了边距顶部: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>

@Html.DropDownList(“Member”、ladder.SignupSheet.GroupMembers、新的{label=“Members”、@class=“pull left form control”、@style=“width:200px”})
@SubmitButton(“addmember”,false,new{@class=“btn btn primary”})

已经忘记了
!我试过划船,但没用。我唯一能让他们排好队的方法就是使用钝器改变页边顶部的属性,但这会导致不良后果,即福利太大,下面留下太多空间。这个问题真烦人(@BMills将来您可能希望在提出问题时添加您尝试过的内容(如
)。每天提醒我,我遇到的每个问题都已经解决了