只有引導程序的輸入框

-3

我目前正在構建一個站點，並且想要像引導程序那樣對輸入框進行樣式化，但是我不想使用bootstrap提供的其他功能。有人可以推薦我如何才能導出該功能幷包含在我的CSS中。我相信也許有一些JavaScript。只有引導程序的輸入框

預先感謝您。

來源

2016-03-12 Jordan

http://getbootstrap.com/customize並僅選擇您想要的物品。 –

@ freestock.tk非常感謝。我將會有這樣一個 – Jordan

請注意，有些項目只有在與其他項目結合使用時才能完全正常工作。例如：'警報'（框警報本身）和'警報解除'（jquery函數關閉框）; –

您不必使用Bootstrap的任何其他方面。你只用你想要的東西通過添加調用引導這樣，

<input type="text" class="form-control">

類=「形式的控制」要求引導CSS。您可以在同一頁面上下面的，它會顯示沒有繼承自舉造型，

<input type="text">

您可以搜索.FORM控制和複製的引導css文件/過去那種特定的CSS元素到你自己的風格表如果你不想使用整個引導文件。

這是您要找的答案嗎？

來源

2016-03-12 03:18:51 user3777549

謝謝，我可能會放棄這一點，因爲我真的在尋找如何設計按鈕，下拉菜單並確保它們在大多數瀏覽器中都是相同的。 – Jordan

到輸入字段時根本就沒有相關的javascript。

您可以精確地構建像引導程序一樣的輸入字段。

HTML

<input type="text" name="text" class="bootstrap">

CSS

.bootstrap{ 
    width:250px; 
    border-radius: 5px; 
    background: #fff; 
    border: 1px solid #ccc; 
    outline:none; 
    padding: 6px; 
} 

.bootstrap:focus{ 
    border:1px solid #56b4ef; 
    box-shadow: 0px 0px 3px 1px #c8def0; 
}

DEMO

來源

2016-03-12 04:02:04 Fiido93

謝謝，因爲您可以告訴前端是我的失敗點。我會試試這個，我也在研究按鈕和下拉菜單，我知道在不同的瀏覽器中看起來都很相似是一種痛苦，也許你可以進一步幫助我 – Jordan

當然：D只是讓我知道你什麼時候有問題。 – Fiido93

只有引導程序的輸入框

回答

相關問題