Javascript 如何在angularjs应用程序中使用引导对齐下拉列表？

我对bootstrap还不熟悉，我不知道如何使用它。我的HTML中有以下代码。我的项目中有compass_twitter_引导

<div class="well">
    <h3>All Adventures</h3>

    <table>
    <tr><td>
    <select name="" id="" ng-model="category" ng-options="c for c in categories">
        <option value="">-- Choose Category --</option>
    </select>
    </td>
    <td><google-places location=location></google-places></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td><select name="" id="" ng-model="tMode" ng-options="tM for tM in tModes">
        <option value="">-- Choose Transportation Mode --</option>
    </select></td>
    </tr>
    </table>
    <br/>
    <div ng-model="adventures"></div>
    <div ng-model="foods"></div>
    <div ng-model="arts"></div> 
    <div ng-model="histories"></div>
    <div ng-model="fitness"></div>
    <div ng-model="parks"></div>
    <div ng-model="photos"></div>
    <div ng-model="scavenger"></div>
    <div ng-model="shopping"></div>
    <div ng-model="sightseeing"></div>
    <div ng-model="specialevents"></div>    
    <div ng-model="ghosts"></div>
    <div ng-model="others"></div>
</div>

    <ul class="unstyled">
        <li ng-repeat="tour in tours">
            <div class="well">
                <h4>{{tour.name}}</h4>
                <a href="#/maps"><h5><em>{{tour.author}}</em></h5></a>
                <p>{{tour.category}}</p>
                <p>{{tour.createDate}}</p>
                <p>{{tour.dislikes}}% disliked it</p>
                <p>{{tour.duration}} minutes</p>
                <p>{{tour.likes}}% liked it</p>
                <h5><p>{{tour.stops.name0}}</p></h5>
                <h5><p>{{tour.stops.name1}}</p></h5>
                <h5><p>{{tour.stops.name2}}</p></h5>
                <h5><p>{{tour.stops.name3}}</p></h5>
                <p>{{tour.transportMode}}</p>
            </div>
        </li>
    </ul>

所有的冒险
--选择类别--
--选择运输方式--




{{tour.name}
{{tour.category}

{{tour.createDate}

{{tour.dislikes}}%不喜欢它

{{tour.duration}}分钟

{{tour.likes}}}%的人喜欢它

{{tour.stops.name0}

{{tour.stops.name1}

{{tour.stops.name2}

{{tour.stops.name3}

{{tour.transportMode}

我有两个下拉框，如附图所示。有谁能给我一些建议，告诉我如何使用引导和对齐UI中的下拉框和输入文本框

您使用的是

，因此如果希望所有字段都是内联的，则需要将所有字段包括在表的同一行中，如下所示：

<table>
 <tr>
     <td>
        <select name="" id="" ng-model="category" ng-options="c for c in categories">
           <option value="">-- Choose Category --</option>
        </select>
   </td>
   <td>
     <google-places location=location></google-places>
   </td>
   <td>
     <select name="" id="" ng-model="tMode" ng-options="tM for tM in tModes">
         <option value="">-- Choose Transportation Mode --</option>
     </select>
   </td>
 </tr>
</table>

--选择类别--
--选择运输方式--

这对于任何HTML页面都是一样的-它与引导或AngularJS没有直接关系