Question

如何阻止Bootstrap将类分配给Bootstrap生成的搜索字段？

我在.html模板中有一个bootstrap表，其中data-search =＆＃39; true＆＃39;设置为参数。

<div class="usage-history-table">
<table id="historyTable" data-toggle="table" data-height="300" data-pagination="true" data-search="true" data-sort-name="starttime" data-sort-order="desc" data-page-list="[5, 10, 20, 50]" class="table-bordered" border='1'>

渲染后，它会在表格内容上方创建一个搜索字段：

<div class="bootstrap-table"><div class="fixed-table-toolbar"><div class="pull-right search"><input class="form-control" type="text" placeholder="Search"></div>

我不希望＆＃34;拉右＆＃34;要在我的Bootstrap表中自动应用于搜索字段的类。

Answer 1

您想要删除该样式吗？

使用jQuery removeclass方法：

$(".bootstrap-table").removeClass("pull-right");

或者你想要覆盖样式？请遵循此css代码

.pull-right { padding: 10px 30px!important; top:37px!important;}

您可以通过添加!important

来覆盖预定义的样式

Answer 2

花更多时间阅读可供我们使用的文档总是明智的。

相应于http://bootstrap-table.wenzhixin.net.cn/documentation/

中的文档

＆＃34;表选项在jQuery.fn.bootstrapTable.defaults中定义。＆＃34;

指定对齐方式的选项是 searchAlign 您可以使用＆＃34; left＆＃34;或＆＃34;右＆＃34;，默认选项为＆＃34;右＆＃34;。

我可以更改分配Bootstrap生成的表的类吗？

2 个答案: