ul標簽和div標簽不能在同一行顯示？

問題描述

在制作導(dǎo)航欄的時候，logo旁邊有幾個菜單選項，我把logo放在了div中，讓后把菜單選項放在了ul中的li標簽中，但是這時候不管怎么設(shè)置，logo的div和菜單選項的ul就是無法在一行上顯示，掉了下來。

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

最外層的大盒子用了bootstrap的container布局，logo的div和ul都用了柵欄系統(tǒng)col-md-*來定義的寬度

相關(guān)代碼

// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）
index.html中代碼如下:

<div class="container">
    <div class="top">
        <div class="logo col-md-2">
            <img src="./images/logo.png" alt="">
        </div>
        <ul col-md-3>
            <li>
                <a href="#">首頁</a>
            </li>
            <li>
                <a href="#">幣幣交易</a>
            </li>
            <li>
                <a href="#">U幣寶</a>
            </li>
        </ul>
        <span class="account-balance"></span>
        <span class="userAction">
            <a href="#">登錄</a>
            <a href="#">注冊</a>
        </span>
        <div class="language">
            <span class="choose">簡體中文</span>
        </div>
    </div>
</div>

index.css中代碼如下:
.top {
  height: 70px;
  background-color: #ccc;
}
.top .logo {
  height: 100%;
  position: relative;
}
.top .logo img {
  width: 80%;
  height: 36px;
  /* 實現(xiàn)實現(xiàn)圖片豎直方向上的居中 */
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.top ul li {
  background-color: #999;
  height: 70px;
  display: block;
  float: left;
}

你期待的結(jié)果是什么？實際看到的錯誤信息又是什么？

能夠讓放置logo的div和ul在同一行上顯示