Mam trudności ze zdobyciem Bootstrapadodatki do przycisków pracować w moim widoku MVC. Używam najnowszej wersji NuGet ASP.NET MVC (5.1 rc1) i Bootstrap (3.03).

Mam następujące zdanie (teraz, gdy powróciłem do kodu HTML, a nie do używaniaHtml.EditorFor(), próbując go uruchomić):

@using (Html.BeginForm()) 
{
    @Html.AntiForgeryToken()

    <div class="form-horizontal">
        @Html.ValidationSummary(true)

        <div class="row">
            <div class="col-lg-6">
                <div class="input-group">
                    <input type="text" class="form-control" />
                    <span class="input-group-btn">
                        <button class="btn btn-default" type="button">Go!</button>
                    </span>
                </div>
            </div>
            <div class="col-lg-6">
                &nbsp;
            </div>
        </div>

Spowoduje to wygenerowanie następującego kodu HTML:

<form action="xxx" method="post">
<input name="__RequestVerificationToken" type="hidden" value="T3k..." />
<div class="form-horizontal">
    <div class="row">
        <div class="col-lg-6">
            <div class="input-group">
                <input type="text" class="form-control" />
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button">Go!</button>
                </span>
            </div>
        </div>
        <div class="col-lg-6">
            &nbsp;
        </div>
    </div>
</div>
</form>

Problem polega na tym, że gdy jest wyświetlany w przeglądarce (Chrome 32 / IE 11), istnieje duża przerwa między polem wprowadzania a przyciskiem. Lubię to:

Jeśli zmniejszę rozmiardiv otaczającyinput-group div docol-lg-3 lub mniejszy, w porządku. Ale wszystko większe niż to pozostawia lukę.

Wygląda na to, że jest maksymalny rozmiarinput - i rzeczywiście wszystkie mojeinputs wydają się być mniejsze w swoim pojemnikudiv...

Co może to powodować?