Reputation: 257
I want to have 2 forms on 1 page. One form will be the Bootstrap styled form (this), and the other will be the regular HTML form without any styling (this).
If I try doing it right now, every time I use the input tag, it automatically uses Bootstrap's styling for the input. How can I "cancel" the styling so it uses the regular HTML styling?
Thanks.
Upvotes: 0
Views: 469
Reputation: 257
Fixed it. Just renamed a few dozen of the "input" classes from the top of the stylesheet to "input.styled", and used the following in the 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>
Upvotes: 1
Reputation: 2097
Find the bootstrap styling for <form>
and <input>
in bootstrap.css
, copy it into your own css class e.g .bootstrap-form { /* css goes here */}
and then comment it out in the bootstrap file.
Then you can use the default form by just using;
<form>
<input type="text" name="firstname"><br />
<input type="text" name="lastname">
</form>
And the bootstrap form by using;
<form class="bootstrap-form">
<input class="bootstrap-input" type="text" name="firstname"><br />
<input class="bootstrap-input" type="text" name="lastname">
</form>
Upvotes: 0