बूटस्ट्रैप 3 ट्यूटोरियल

बीएस होम बी एस आरंभ करें बीएस ग्रिड बेसिक बीएस टाइपोग्राफी बीएस टेबल्स बीएस छवियां बीएस जंबोट्रॉन बीएस वेल्स बीएस अलर्ट बीएस बटन बीएस बटन समूह बीएस ग्लिफ़कॉन्स बीएस बैज/लेबल बीएस प्रोग्रेस बार्स बीएस पेजिनेशन बीएस पेजर बीएस सूची समूह बीएस पैनल बीएस ड्रॉपडाउन बीएस पतन बीएस टैब्स/गोलियां बीएस नवबार बीएस फॉर्म बीएस इनपुट्स बीएस इनपुट 2 बीएस इनपुट साइजिंग बीएस मीडिया ऑब्जेक्ट्स बी एस हिंडोला बीएस मोडल बीएस टूलटिप बीएस पॉपओवर बीएस स्क्रॉलस्पाई बीएस एफिक्स बीएस फिल्टर

बूटस्ट्रैप ग्रिड

बीएस ग्रिड सिस्टम बीएस स्टैक्ड/क्षैतिज बीएस ग्रिड छोटा बीएस ग्रिड माध्यम बीएस ग्रिड लार्ज बीएस ग्रिड उदाहरण

बूटस्ट्रैप थीम्स

बीएस टेम्पलेट्स बीएस थीम "सिम्पली मी" बीएस थीम "कंपनी" बीएस थीम "बैंड"

बूटस्ट्रैप उदाहरण

बीएस उदाहरण बी एस प्रश्नोत्तरी बीएस व्यायाम बी एस प्रमाणपत्र

बूटस्ट्रैप सीएसएस रेफरी

सीएसएस सभी वर्ग सीएसएस टाइपोग्राफी सीएसएस बटन सीएसएस फॉर्म सीएसएस हेल्पर्स सीएसएस छवियां सीएसएस टेबल्स सीएसएस ड्रॉपडाउन सीएसएस नवस ग्लिफ़िकन्स

बूटस्ट्रैप जे एस रेफरी

जे एस एफिक्स जेएस अलर्ट जे एस बटन जे एस हिंडोला जे एस संक्षिप्त जेएस ड्रॉपडाउन जेएस मोडल जेएस पॉपओवर जेएस स्क्रॉलस्पी जेएस टैब जेएस टूलटिप


बूटस्ट्रैप सीएसएस बटन संदर्भ


बटन रंग


बटन आकार


सक्रिय/अक्षम बटन


ब्लॉक-स्तरीय बटन


बटन समूह


बटन वर्ग

नीचे दी गई कक्षाओं का उपयोग किसी भी <a>, <button>, या <input> तत्व को स्टाइल करने के लिए किया जा सकता है:

Class Description Example
.btn Adds basic styling to any button
.btn-default Indicates a default/standard button
.btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
.btn-success Indicates a successful or positive action
.btn-info Contextual button for informational alert messages
.btn-warning Indicates caution should be taken with this action
.btn-danger Indicates a dangerous or potentially negative action
.btn-link Makes a button look like a link (will still have button behavior)
.btn-lg Makes a large button
.btn-sm Makes a small button
.btn-xs Makes an extra small button
.btn-block Makes a block-level button (spans the full width of the parent element)
.active Makes the button appear pressed
.disabled Makes the button disabled
.navbar-btn Vertically aligns a button inside a navbar

बटन समूह कक्षाएं

नीचे दी गई कक्षाओं का उपयोग किसी भी <a>, <button>, या <input> तत्व को स्टाइल करने के लिए किया जा सकता है:

Class Description Example
.btn-group Groups buttons together on a single line
.btn-group-justified Makes a group of buttons span the entire width of the screen
.btn-group-lg Large button group (makes all buttons in a button group larger - increased font-size and padding)
.btn-group-sm Small button group (makes all buttons in a button group smaller)
.btn-group-xs Extra small button group (makes all buttons in a button group extra small)
.btn-group-vertical Makes a button group appear vertically stacked