title: keeping 2 elements on the same line in bootstrap
body: <p>I'm battling to get a dropdownlist and button on the same line in a bootstrap modal.  I've tried using &lt;,span> but it doesn't work.</p>
  
  <pre><code>&lt;div class="col-md-12 hSpacerMob"&gt;
   &lt;div class="well"&gt; 
          using (Html.BeginForm("AddPlayerSignup", "SignupSheet"))
          {
            @Html.DropDownList("Member", tournament.SignupSheet.GroupMembers)
                &lt;span&gt;
                    @Html.SubmitButton("Add", true, new { @class = "btn btn-primary" })
                 &lt;/span&gt;
           }
         @Html.ActionLink("Pause", "ChangeState", "SignupSheet", new { Paused = true }, new { @class = "btn btn-warning" })
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>So I need the dropdown and 'Add' button on the same line next to each other and the pause button below, but as it stands they're just displayed below each other.</p>
  
  <p>edit: I tried using row but that also does not work</p>
  
  <pre><code>  &lt;div class="row"&gt;
      &lt;div class="col-md-6"&gt;
          @Html.DropDownList("Member", ladder.SignupSheet.GroupMembers, new {label = "Members", @class = "pull-left form-control", @style = "width:200px"})
      &lt;/div&gt;    
      &lt;div class="col-md-6"&gt;
          @Html.SubmitButton("Add member", true, new {@class = "btn btn-primary"})
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>