我对引导CSS的问题非常执着,我尝试了pull-left类来安排div,但是对我来说不起作用
我不想对问题使用左上角或下角,因为那会干扰页面的响应能力
<div class="row">
<!----><div ng-if="tableResource.displaySearch" class="manage-tools col-xs-12 col-md-3" ng-class="{'col-xs-12 col-md-3' : !tableResource.classSearch, '' : tableResource.classSearch}">
<div class="input-group">
<div class="input-group-addon"><i class="fa fa-search"></i></div>
<input type="text" class="form-control search-instance ng-pristine ng-untouched ng-valid ng-empty" placeholder="Search ..." ng-model="$parent.$parent.search" ng-change="setPage(0)">
</div>
</div><!---->
<!----><div ng-if="!tableResource.hideFilters && tableResource.filters !== undefined">
<!----><div ng-repeat="filter in tableResource.filters track by filter.filterId">
<div class="text-right manage-tools col-md-3 col-xs-4" ng-class="{'col-md-2' : !filter.customClass && filter.filterType !== 'dropdown', 'col-md-3 col-xs-4' : !filter.customClass && filter.filterType === 'dropdown', 'hidden-sm hidden-xs' : !filter.customClass && filter.filterType !== 'switch' && filter.filterType !== 'dropdown', 'col-xs-4' : !filter.customClass && filter.filterType === 'switch', '': filter.customClass}" style="">
<!----><label ng-if="filter.filterText" style="margin-top: 5px;margin-bottom: unset;"> </label><!---->
<!---->
</div>
<!---->
<!----><div ng-if="filter.filterType === 'dropdown'" class="manage-tools col-md-5 col-xs-8" ng-class="{'col-md-5 col-xs-8': !filter.customClass && !tableResource.actions, 'col-md-2 col-xs-4': !filter.customClass && tableResource.actions, '': filter.customClass}">
<div class="dropdown" style="">
<!----><i ng-if="filter.showFilterIcon" class="fa fa-filter fa-fw"></i><!---->
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" aria-expanded="false">ALL
<span class="caret"></span></button>
<!----><div class="dropdown-menu" ng-if="filter.filterOptions.length">
<!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
<span>ALL</span>
<br>
</div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
<span>TIMESTAMP</span>
<br>
</div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
<span>VARCHAR</span>
<br>
</div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
<span>BIGINT</span>
<br>
</div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
<span>NUMERIC</span>
<br>
</div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
<span>CHAR</span>
<br>
</div><!----><div ng-repeat="filterOption in filter.filterOptions" class="operator-item" ng-click="filterBy(filter.filterId,filterOption)">
<span>BOOLEAN</span>
<br>
</div><!---->
</div><!---->
</div>
</div><!---->
<!---->
</div><!---->
</div><!---->
<div ng-hide="tableResource.hideAction">
<!---->
<!---->
</div>
filter div应该与搜索框内联,作为lhs表,对于lhs表,我选择了col-xs-6,而映射按钮是col-xs-1,而rhs表是col-xs-5 < / p>