Bootstrap क्या है और इसे कैसे सीखें?

Bootstrap क्या है और इसे कैसे सीखें?

आज इस आर्टिकल मे आपको Bootstrap क्या है और इसे कैसे सीखें? के बारे बताएंगे।

  • आज हमें ऑनलाइन बहुत सी ऐसी चीजें बनी बनाई मिल जाती है जिसको बनाने में आपको बहुत सारा
    समय खपाना पड़ता है।
  • Developer और designer के लिए ऑनलाइन आपको इतने framework मिल जायेंगे जिससे ना सिर्फ आपका काम आसान हो जाएगा बल्कि आपको बहुत से सी चीजें बड़ी आसानी से अपने प्रोजेक्ट में implement कर सकते है।
  • आज हम सबसे ज्यादा पोपुलर front end framework के बाद करने जा रहे है जिसका नाम है Bootstrap।
  • यह एक ऐसा फ्रेमवर्क है जिसकी मदद से आप css और js के बहुत से काम बड़ी आसानी से अपने प्रोजेक्ट
    में यूज़ कर सकते है।
  • तो चलिए बात करते है Bootstrap क्या है और इसे कैसे सीखें?, bootstrap 4,bootstrap,bootstrap
    tutorial for beginners in hindi,bootstrap tutorial,bootstrap in hindi

Read This -> Ionic Framework क्या है और इसे कैसे सीखें?

Bootstrap क्या है और इसे कैसे सीखें?

Bootstrap क्या है और इसे कैसे सीखें?

Bootstrap क्या है?

यह एक Front End Framework है जिसकी मदद से आप typography, forms, buttons, tables, navigation, modals, image carousels और इस तरह की कई css डिजाईन बड़ी आसानी से कर सकते है। इसके साथ साथ इसमें JavaScript plugins भी मिलते है जिसको आप optionally यूज़ कर सकते है। यह आपको responsive designs बनाने में काफी हेल्प करता है।

Bootstrap के version

इसके सबसे पोपुलर version 3 और 4 है। अभी फिलहाल bootstrap 4 सबसे ज्यादा इस्तेमाल किया जा रहा है लेकिन बहुत से लोग अभी भी bootstrap 3 का इस्तेमाल कर रहे है। लेकिन अगर आप bootstrap सिखाना शुरू कर रहे है तो मैं आपको bootstrap 4 को सीखने की सलाह दूंगा।

Read This -> फेसबुक का आविष्कार कब और किसने किया?

Bootstrap कैसे सीखें?

इसको सीखना बहुत ही आसान है लेकिन इससे पहले आपको HTML, CSS और JS की जानकारी होना बहुत जरुरी है. इसके बाद ही आप इसको बड़ी आसानी से सीख सकते है।अगर मैं अपनी खुद की बात करू तो मेने इसे सिर्फ 2 से 3 दिनों में ही सीख लिया और इसको implement करना शुरू कर दिया और जैसे जैसे मैं इसको इस्तेमाल करता गया वैसे वैसे इसके सभी फीचर मुझे सही से याद होते गए। तो इसी तरह से आपको इसके एक बार सीख कर अपने प्रोजेक्ट में लगातार इस्तेमाल करते जाना है. जिसके बाद में आप इसे आसानी से इस्तेमाल कर पायेंगे।

BS4 के ग्रिड सिस्टम को समझना बहुत जरुरी है। अगर आप इसको समझ जाते है तो इसको आप बड़ी आसानी से इस्तेमाल कर पायेंगे। नीचे मैं आपको ग्रिड सिस्टम के बारे में एक फोटो दे रहा हूँ जिससे आप इसको समझ सकते है। यहाँ पर हर row में 12 col है।

BS4 Grid System

BS4 कैसे इस्तेमाल करें?

अगर आप अपने project में BS4 का इस्तेमाल करना चाहते है तो आप इसको CDN और file के जरिए अपने project में यूज़ कर सकते है. नीचे मैं आपको CDN Link दे रहा हूँ।

CDN Link with HTML Tag-

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>

Download File

अगर आप bootstrap के फ्रेमवर्क को डाउनलोड करके इस्तेमाल करना चाहते है
तो आप https://getbootstrap.com/ से डाउनलोड कर सकते है.

Read This -> Ads.txt क्या है और इसे अपने Website पर कैसे लगाये?

Final Word

  • आज इस आर्टिकल में हमने आपको Bootstrap क्या है और इसे कैसे सीखें?, bootstrap 4,bootstrap,bootstrap tutorial for beginners in hindi,bootstrap 4 tutorial,bootstrap 4
    in hindi,bootstrap4,bootstrap 4 tabs in hindi,bootstrap 4 modal in hindi,tab in bootstrap 4
    in hindi,tabs in bootstrap 4 in hindi,bootstrap 4 tutorial in hindi,bootstrap 4 tutorials
    in hindi,bootstrap tutorial for beginners,bootstrap 4 tab tutorial in hindi,bootstrap in hindi
    के बारे में बताया है।
  • अगर आपको इससे जुडी कोई अन्य जानकारी चाहिए।
  • तो आप नीचे दिए गए कमेंट बॉक्स में कमेंट करके पूछ सकते है।

इसे भी पढ़े – हरियाणा क्लर्क का रिजल्ट कैसे चेक करें?

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

Your email address will not be published. Required fields are marked *