हल: प्रतिक्रिया बूटस्ट्रैप क्या आपको आयात करने की आवश्यकता है

कार्य करने के लिए रिएक्ट बूटस्ट्रैप को आयात करने की आवश्यकता है।

 all components

No, you don't need to import all components.

कोड की यह पंक्ति केवल रिएक्ट लाइब्रेरी को आयात करती है ताकि आप JSX (जावास्क्रिप्ट + एक्सएमएल) सिंटैक्स और रिएक्ट एपीआई का उपयोग कर सकें।

बूटस्ट्रैप क्या है

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

रिएक्ट में बूटस्ट्रैप

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

रिएक्ट में बूटस्ट्रैप का उपयोग करने के लिए, आपको पहले लाइब्रेरी को स्थापित करना होगा। आप अपने टर्मिनल में निम्न कमांड चलाकर ऐसा कर सकते हैं:

एनपीएम इंस्टॉल - बूटस्ट्रैप सहेजें

एक बार बूटस्ट्रैप स्थापित हो जाने के बाद, आप अपनी index.js फ़ाइल में निम्न पंक्ति जोड़कर इसे अपने प्रोजेक्ट में शामिल कर सकते हैं:

आयात 'बूटस्ट्रैप/जिला/सीएसएस/बूटस्ट्रैप.min.css' आयात 'बूटस्ट्रैप/जिला/जेएस/बूटस्ट्रैप.min.js'

इसके बाद, आपको अपने प्रोजेक्ट की स्टाइल शीट फ़ाइल में बूटस्ट्रैप स्टाइलशीट को शामिल करना होगा। आप अपनी index.css फ़ाइल में निम्न पंक्ति जोड़कर ऐसा कर सकते हैं:

@import "बूटस्ट्रैप/dist/css/bootstrap.min.css";