html - ブートストラップが水平に配置された div をスタックするのを止めることができません

Question

スパン 7 の画像と検索バーで構成されるヘッダーがあり、最後にいくつかのソーシャル メディア アイコンを追加します。しかし、私が直面している問題は、ブラウザのサイズを小さくすると検索バーが画像の下に移動することです。画像と検索バーとアイコンのサイズを比例的に小さくしたいだけです。

<div class="navbar-static-top">
    <div class="navbar-inner">
        <div class="row-fluid">
            <div class="span7">
                <a href= "#"><img src="img/image1.png" alt="image alt"></a>
            </div>
            <div class="span3">
                <form class="navbar-search pull-left">
                    <input type="text" class="search-query"  placeholder="Search..."/>
                </form>
            </div>
            <div class="span2">
                <!-- Social media icons will be added later -->
            </div>
        </div>
    </div>
</div>