在彼此旁边制作两个引导下拉列表

Question

我想将这两个下拉列表并排放在一起。我尝试使用style="display: inline;"但它不起作用。基本上我只是希望他们彼此相邻。下图显示了代码如何显示按钮。

HTML：

<div class="nav notify-row" id="top_menu">
    <!-- Notification Start -->
    <ul class="nav top-menu">
        <!-- Settings Start -->
        <li class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle" onclick="read();">
                <i class="fa fa-globe"></i>
                <span class="badge">
                    <%=unread%>
                </span>
            </a>
            <ul class="dropdown-menu extended inbox">

            </ul>
        </li>
    </ul>
    <!-- Notification End -->
    <ul class="nav top-menu">
    <!-- Inbox Dropdown -->
        <li id="header_inbox_bar" class="dropdown">
            <a data-toggle="dropdown" class="dropdown-toggle">
                <i class="fa fa-envelope-o"></i>
                <span class="badge">
                    0
                </span>
            </a>
            <ul class="dropdown-menu extended inbox">
                <div class="notify-arrow notify-arrow-green"></div>
                <li>
                    <p class="green">
                        You have 0 new messages.
                    </p>
                </li>
            </ul>
        </li>
        <!-- Inbox Dropdown End -->
    </ul>
</div>