水平对齐2个div的问题

Question

我的网站是：http://www.italianiaperth.com/

我正在尝试将文本对齐白色'Italiani a Perth'和水平搜索Widget ...（文本向左​​浮动，搜索小部件向右）

我设法通过将他们的尊重div宽度设置为auto来将它们设置为同一行，但问题是右侧浮动内容和搜索小部件之间的内容

我已经玩了好几个小时并且在论坛上看了类似的问题，但是在我的智慧结束时，有人能指出我正确的方向吗？谢谢:)）

Answer 1

使用Bootstrap 3.0（getbootstrap.com）

把这两个div放在这样：

<div class="container">
  <div class="row">
   <div class="col-md-8"> DIV LEFT </div>
   <div class="col-md-8"> DIV RIGHT </div>
  </div>
</div>

更多信息： http://getbootstrap.com/css/#grid