Css 设置引导数据表搜索筛选器的样式

Css 设置引导数据表搜索筛选器的样式,css,twitter-bootstrap,datatables,Css,Twitter Bootstrap,Datatables,我想在我的数据表中设置搜索过滤器的样式,以便标签和输入字段显示在一行上 现在看起来是这样的: 这是搜索过滤器的代码,我可以通过控制台看到 <div class="dataTables_filter" id="ads-table_filter"> <label> "Search: " <input type="text" aria-controls="ads-table"> </label> </div> “搜索:” 我该怎么做

我想在我的数据表中设置搜索过滤器的样式,以便标签和输入字段显示在一行上

现在看起来是这样的:

这是搜索过滤器的代码,我可以通过控制台看到

<div class="dataTables_filter" id="ads-table_filter">
<label>
"Search: " 
<input type="text" aria-controls="ads-table">
</label>
</div>

“搜索:”
我该怎么做?


<style>
.dataTables_filter {
    white-space:nowrap;
}

.dataTables_filter label, .dataTables_filter input {
    display: inline-block;
}
</style>

<div class="dataTables_filter" id="ads-table_filter">
    <label>Search :</label>
    <input type="text" aria-controls="ads-table"/>
</div>
.dataTables\u过滤器{ 空白:nowrap; } .dataTables\u筛选器标签.dataTables\u筛选器输入{ 显示:内联块; } 搜索: