बूटस्ट्रैप 3 और 4 के बीच अंतर

विवरण

बूटस्ट्रैप एचटीएमएल, सीएसएस और जेएस फ्रेमवर्क का उपयोग करके वेब पर उत्तरदायी मोबाइल पहली साइटों के निर्माण के लिए एक शक्तिशाली और लोकप्रिय मोबाइल पहला फ्रंट-एंड फ्रेमवर्क है।

निम्न तालिका बूटस्ट्रैप 3 और बूटस्ट्रैप 4 में अंतर दिखाती है -

क्र.सं.	अंग	बूटस्ट्रैप ३	बूटस्ट्रैप ४
1	सीएसएस स्रोत फ़ाइलें	कम से	एससीएसएस
2	ग्रिड प्रणाली	4 स्तरीय ग्रिड प्रणाली (xs, sm, md, lg)	5 स्तरीय ग्रिड प्रणाली (xs, sm, md, lg, xl)
3	सीएसएस यूनिट	पिक्सल	रेम
4	फ़ॉन्ट आकार	14px	16px
5	ड्रॉपडाउन संरचना	<Ul> और <li> के साथ बनाया गया	<Ul> या <div> के साथ बनाया गया
6	कॉलम को परेशान करना	कॉल-MD-ऑफसेट -4	ऑफसेट-MD-4
7	इमेजिस	.img- उत्तरदायी वर्ग	.img- द्रव वर्ग
8	टेबल्स	माता - पिता <div> तत्व के लिए .table-उत्तरदायी वर्ग जोड़ें	<तालिका> तत्व में .table-उत्तरदायी वर्ग जोड़ें
9	Glyphicons	समर्थित	समर्थित नहीं
10	मीडिया ऑब्जेक्ट्स	मीडिया ऑब्जेक्ट्स के लिए वर्गों का उपयोग करता है, जैसे .media , .media-body , .media-object , .media-heading , .media-right , .media-left , .media-list और .media-body	मीडिया वस्तुओं के लिए सिर्फ .media वर्ग का उपयोग करता है ।
1 1	डार्क / उलटा टेबल्स	समर्थित नहीं	डार्क / उलटा टेबल बनाने के लिए .table- डार्क क्लास का उपयोग करता है
12	चेकबॉक्स और रेडियो बटन	चेकबॉक्स और रेडियो बटन को .radio , .radio-inline , .checkbox , या .checkbox- इनलाइन कक्षाओं का उपयोग करके प्रदर्शित करता है।	चेकबॉक्स और रेडियो बटन को .form-check , .form-check-label , .form-check-input , या .form-check-inline कक्षाओं का उपयोग करके प्रदर्शित करता है।
13	प्रपत्र नियंत्रण आकार	.Input-lg और .input-sm वर्ग का उपयोग करके इनपुट नियंत्रण के आकार को बढ़ाएँ या घटाएँ	.Form-control-lg और .form-control-sm वर्ग का उपयोग करके एक इनपुट नियंत्रण के आकार में वृद्धि या कमी
14	मदद पाठ	.Help-block class का उपयोग करके सहायता पाठ प्रदर्शित करें	.Form-text वर्ग का उपयोग करके सहायता पाठ प्रदर्शित करें
15	शैलियाँ	बटन पर .btn-default और .btn-info क्लासेस का उपयोग करता है	बटन पर .btn- गौण , .bnn-light और .btn-dark क्लास का उपयोग करता है और .btn-default क्लास को गिरा देता है ।
16	बटन को रेखांकित करें	समर्थित नहीं	.Bn-outline- * वर्ग का उपयोग करके आउटलाइन रंग के साथ बटनों को स्टाइल करें
17	बटन आकार	.Btn-XS वर्ग उपलब्ध है	केवल .btn-sm और .btn-lg वर्गों के लिए उपलब्ध है और .btn-xs वर्ग को हटा दिया है
18	मेनू हेडर	ली टैग के लिए .dropdown- हेडर वर्ग का उपयोग करें	H1 - h2 टैग के लिए .dropdown- हेडर क्लास का उपयोग करें
19	परकार	ली तत्व में .divider वर्ग का उपयोग करें	Div तत्व में -dropdown-विभक्त वर्ग का उपयोग करें
20	निश्चित नवबंर	.Navbar-fixed-top और .navbar-fixed-bottom कक्षाओं का उपयोग करके नेवबार को ऊपर या नीचे ठीक करें	नेवबार को ऊपर या नीचे से .fixed-top और .fixed-bottom कक्षाओं का उपयोग करके ठीक करें
21	पेजर	.Prepret और .next classes का उपयोग करके पृष्ठों को संरेखित करें	समर्थित नहीं
22	जंबोट्रॉन पूर्ण चौड़ाई	इसका उपयोग नहीं करता है। पूर्ण-चौड़ाई जुंबोट्रोन पर .jumbotron-fluid क्लास	यह पूर्ण-चौड़ाई वाले जंबोट्रॉन के लिए .jumbotron-fluid क्लास का उपयोग करता है
23	हिंडोला आइटम	हिंडोला वस्तुओं के लिए .item वर्ग का उपयोग करता है ।	उपयोग .carousel-आइटम हिंडोला मदों के लिए वर्ग।
24	वेल्स, पैनलों और थंबनेल	समर्थित	समर्थित नहीं। इसके बजाय कार्ड का उपयोग करें
25	इनलाइन नव	इसमें .nav-inline वर्ग शामिल नहीं है	.Nav-inline वर्ग का उपयोग करके इनलाइन के रूप में नौसेनाओं को प्रदर्शित करें