Я использую новую Twitter Bootstrap 3 и пытаюсь разместить окно поиска, подобное этому (ниже)в верхней панели навигации:

В Bootstrap 2 это можно было бы сделать так:

<form class="form-search" method="get" id="s" action="/">
    <div class="input-append">
        <input type="text" class="input-medium search-query" name="s" placeholder="Search" value="">
        <button type="submit" class="add-on"><i class="icon-search"></i></button>
    </div>
</form>

Но я не уверен, как произвести то же самое в Bootstrap 3, так как многое изменилось.

HTML-код по умолчанию для формы окна поиска панели навигации в Bootstrap 3:

<form class="navbar-form navbar-left" role="search">
    <div class="form-group">
        <input type="text" class="form-control" placeholder="Search">
    </div>
    <button type="submit" class="btn btn-default">Submit</button>
</form>

Как мне изменить его, чтобы добиться того, что мне нужно?