ShadyPotato
ShadyPotato

Reputation: 257

Use regular HTML input form instead of Bootstrap styling

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

Answers (2)

ShadyPotato
ShadyPotato

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

pjmil
pjmil

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

Related Questions