Question

我想在1页上有2个表格。一个表单是Bootstrap样式表单（this），另一个表单是常规HTML表单，没有任何样式（this）。

如果我现在尝试这样做，每次我使用输入标签时，它会自动使用Bootstrap的样式进行输入。如何“取消”样式，以便使用常规的HTML样式？

感谢。

Answer 1

修正了它。刚从样式表顶部将几十个“输入”类重命名为“input.styled”，并在HTML中使用以下内容：

<div class="input-append">
    <input class="styled" style="width:300px" id="appendedInputButton" type="text" placeholder="Search...">
    <button class="btn" type="button"><i class="icon-search"></i></button>
</div>

Answer 2

在<form>中找到<input>和bootstrap.css的引导样式，将其复制到您自己的css类中，例如.bootstrap-form { /* css goes here */}，然后在引导程序文件中将其注释掉。

然后您只需使用默认表单;

<form>
<input type="text" name="firstname"><br />
<input type="text" name="lastname">
</form>

使用引导形式;

<form class="bootstrap-form">
<input class="bootstrap-input" type="text" name="firstname"><br />
<input class="bootstrap-input" type="text" name="lastname">
</form>

使用常规HTML输入表单而不是Bootstrap样式

2 个答案: