html - 无法在同一行/行上添加表格和链接列表

Question

我正在开发一个使用引导程序的 asp.net mvc 核心 Web 应用程序。现在我想在同一行显示三个链接 + 一个表格，这是我的代码：-

<div class="row">
<div class="col-lg-4 col-md-4">
    <div class="service_details_left">
        <h3>Services</h3>
        <div class="nav nav-pills" id="v-pills-tab" role="tablist"
             aria-orientation="vertical">
            <a class=" active" id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home"
               role="tab" aria-controls="v-pills-home" aria-selected="true">Ocean Freight</a>
            <a class="" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile"
               role="tab" aria-controls="v-pills-profile" aria-selected="false">Land Transport</a>
            <a class="" id="v-pills-messages-tab" data-toggle="pill" href="#v-pills-messages"
               role="tab" aria-controls="v-pills-messages" aria-selected="false">Air Freight</a>
        </div>
    </div>
</div>
<table class="table table-hover col-lg-8 col-md-8">
    <thead>
        <tr>
// table code goes here

但我得到了链接和单独行的表格，如下所示： -

标签： htmlcsstwitter-bootstrap

Answer 1

<style>
div.col-lg-4.col-md-4 { display: inline }
table.table.table-hover.col-lg-8.col-md-8 {display: inline-table }
</style>