响应式菜单栏

Question

我正在为我的项目创建一个菜单。在我的页面中，我创建了两个div标签。一个是徽标，另一个是菜单。如果我缩小浏览器窗口屏幕，则菜单需要位于徽标下方。我试着用bootstrap。但它正在部分到来。这是我的menubar。我做错了什么。我需要帮助。

<div id="123A" style="float: left; text-align: center;padding: 0px 0px 0px 0px ; position:absolute; z-index:1;">
<img src="img/Logo_Transparent_200.png"  width="150" height="35"/>
<span id="fcolor"> MR POOL</span>
</div> 


<div id="123B" style="text-align: center; position:absolute; z-index:1; ">
   <nav id="na">
   <ul>
   <li id="na1" ><a href="#">Pool Vessel Details &nbsp;&nbsp;&nbsp;<img src="img/arrow2.gif"/></a>
    <ul id="content1" >
      <table>
      <tr><td>
      <li><a href="#">Fleet</a></li>
      <li><a href="#">Pool Points</a></li>
      <li><a href="#">OffHire</a></li>                                  
      </td> 
      <td>      
      <img src="img/img1.jpg" style="width:200px; height:175px;" />                                         
      </td>
      </tr>
      </table>
   </ul>
  </li>
  </nav>
 </div>

提前致谢。