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

Question

我想在 1 页上有 2 个表格。一种形式是 Bootstrap 样式的形式 ( this )，另一种是没有任何样式的常规 HTML 形式 ( this )。

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

谢谢。

Answer 1

解决它。刚刚将样式表顶部的几十个“input”类重命名为“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>in的引导样式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>