2013-04-13 57 views
0

我想要在1頁上有2個表單。一種形式是Bootstrap樣式表單(this),另一種形式是不帶任何樣式的常規HTML表單(this)。使用普通的HTML輸入表單而不是引導程序樣式

如果我現在嘗試這樣做,每次使用輸入標籤時,它都會自動使用Bootstrap的輸入樣式。我如何「取消」樣式,以便使用常規的HTML樣式?

謝謝。

回答

0

查找<form><input>bootstrap.css引導的造型,將其複製到自己的CSS類e.g .bootstrap-form { /* css goes here */}然後在引導文件註釋掉。

然後,您可以使用默認的形式,只是使用;

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

並且通過使用bootstrap表單;

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

如果我有一個輸入追加形式像這樣的? [http://i.imgur.com/rsQ7Sja.png](http://i.imgur.com/rsQ7Sja.png) – ShadyPotato

+0

「輸入」一詞有313個出現... – ShadyPotato

+0

然後註釋掉代碼輸入就像我在我的答案中所說的那樣,然後使用input-append,就像它在bootstrap的例子中一樣。 – pjmil

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> 
相關問題