我有一个标题,其中包含一个跨度 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>