bootstrap twitter 3自然语言形式

Question

我正在尝试使用bootstrap twitter 3中的http://goodui.org/#48等表单。

全宽看起来不错： [img 1]

但是当我将尺寸更改为更低时，我得到：
[img 2]

由于class="form-control"，它正在以这种方式发生变化，但是当我删除这个类时，我也会删除字段的外观。

我的代码：

<div class="row" ng-controller="SearchCtrl">
        <div class="col-lg-12">
        <form class="form-inline" role="search">
            Chcę

            <div class="form-group">
                <select class="form-control">
                    <option>Wynająć</option>
                    <option>Kupić</option>
                </select>
            </div>

            <div class="form-group">
                <select class="form-control">
                    <option>Mieszkanie</option>
                    <option>Pokój</option>
                    <option>Dom</option>
                    <option>Lokal użykowy</option>
                    <option>Hala / Magazyn</option>
                    <option>Inne</option>
                </select>
            </div>

            w

            <div class="form-group">
                <input type="text" class="form-control" placeholder="Lokalizacja" value="Polska, Poznań">
            </div>

            i płacić od

            <div class="form-group">
                <input type="text" class="form-control" id="od" style="max-width:60px;">
            </div>

            do

            <div class="form-group">
                <input type="text" class="form-control" id="do" style="max-width:60px;">
            </div>

            miesięcznie + rachunki.
        </form>
    </div>
</div>

当窗口的大小很窄时，如何在bootstrap twitter 3中编写代码以显示类似于[img 1]的形式。
我不希望这些字段调整大小并移动到其他行。< / p>