html - Bootstrap スタイルの代わりに通常の HTML 入力フォームを使用する

Question

1 ページに 2 つのフォームを配置したい。1 つのフォームは Bootstrap スタイルのフォーム ( this ) で、もう 1 つはスタイルのない通常の 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>とのブートストラップ スタイルを見つけて、独自の css クラスにコピー<input>し、ブートストラップ ファイルでコメント アウトします。bootstrap.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>