Bootstrap Kya Hai ?
Friends अगर आप Web Designing या Web Developing सिख रहें है या बनना चाहते है तो आपको Bootstrap के बारे में पता होना चाहिए । एक designer को Bootstrap के बारे में Knowledge होना बहुत जरूरी है इस पोस्ट में मैं आप लोगो को बताउंगी की ( What is bootstrap in Hindi ), ( History of Bootstrap in Hindi ), ( How to use Bootstrap in Hindi ), ( How to Learn Bootstrap in Hindi )
Bootstrap kya hai ? ( आजकल हर कोई phone का use करता है , और बहुत से लोग phone पर site खोलते है। ऐसे में designers के लिये एक problem हो जाती है कि website को कैसे design करें कि वो हर device पर अपने आप adjust हो जाये ।एक designer के लिए bootstrap बहुत useful है। bootstrap की help से site को responsive बनाया जा सकता है। बूटस्ट्रैप में create की गई site बहुत attractive और fast होती है |
Bootstrap का मतलब होता है site का Responsive होना , Responsive का मतलब हम अपनी site को किसी भी device पर अगर run कराते हैं या site को किसी भी device पर खोलते है तो वो device के size के according adjust हो जाती है।
Bootstrap Web Development के लिए एक Front End Framework होता है। जिसको HTML, CSS, तथा JavaScript में create किया गया है। Bootstrap बिल्कुल free to use है इसको use करने के लिए आपको कोई भी चार्ज नही देना होता आप इसको easily getbootstrap.com site पर जाके download कर सकते है |
इसमें वेबसाइट बनाना बहुत ही easy, fast और Simple है। दुनिया के लगभग सभी web Designers Bootstrap का use करते हैं। इसको easily सीखा जा सकता है , ये बाकी programing language के comparison में बहुत easy है।
Features of Bootstrap in Hindi :
- Easy to use : Bootstrap को use करना बहुत easy है , बस इसको use करने से पहले आपको Html , Css का knowledge होना बहुत जरूरी है। अगर आपको HTML और CSS की basic knowledge है तो आप easily बूटस्ट्रैप का use कर सकते हैं। बूटस्ट्रैप बहुत ही आसान है और आप (Bootstrap Components) का use करके आसानी से एक वेबसाइट (Website) create कर सकते हैं, बस उसे आपको कॉपी और पेस्ट करना है, मतलब बूटस्ट्रैप में बनी हुई (Classes) का use करना हैं।
- Customizable Bootstrap : Bootstrap की help से किसी भी website को अपने project के according Cutomize किया जा सकता है । जैसे की अगर आप बूटस्ट्रैप की (In-Built Style) CSS को बदलना चाहते हैं, तो आप इसे आसानी से भी बदल सकते हैं। इसके लिए आपको अपनी CSS का कोड लिखना होगा और बूटस्ट्रैप कोड को ओवरराइट (Overwrite) करना होगा।
- Responsive Features : Bootstrap में create की गयी वेबसाइट Responsive होते हैं यानी Phone, Tablets, Computers या किसी भी device पर अगर हम open करते है तो अपने आप adjust हो जाती है। बूटस्ट्रैप बनाने के पीछे का Main Motive ये यह है कि लोग आसानी से इसकी help से एक अच्छी Responsive Website बना सकें। आप बूटस्ट्रैप के through easily से एक (Responsive Website) बना सकते हैं। बूटस्ट्रैप से बनाई गई कोई भी वेबसाइट डेस्कटॉप (Desktop), लैपटॉप (Laptop), टैबलेट (Tablet), मोबाइल (Mobile) आदि पर easily खुल जाती है , आपकी वेबसाइट बिल्कुल डिवाइस (Device) में फिट दिखाई देगी।
- Free to use : Bootstrap एक Free project है। इसको कोई भी Free में अपनी website में use कर सकता है।
इन्हें भी देखें –
- Html Tag | Html Tag क्या है ? | Types Of Tags | Tag को कैसे use करें ?
- Webpage kaise banaye ? | Webpage क्या होता है ? | How to Create Webpage ?
- Web Page kya Hai ? | Types of Web | Web Document in Hindi ?
- HTML क्या है – What is HTML in Hindi? and Features of HTML in Hindi ?
- What is Domain Name ? | Domain Name काम कैसे करता है ?
How to use Bootstrap in Hindi? ( Bootstrap कैसे Use करें? )
बूटस्ट्रैप एक Independent and Open Source Frontend Development Framework है। इसके अंदर (Typography), (Forms), (Buttons), (Navigation) और भी काफी सारे अलग अलग (Components ) के साथ-साथ HTML, CSS और Javascript से बनी Website Template डिज़ाइन भी शामिल हैं। इसलिए, बूटस्ट्रैप बहुत ज्यादा Use किया जाने लगा है , और इसके कई फायदे हैं, आप अपनी वेबसाइट बनाने के लिए बूटस्ट्रैप वेबसाइट टेम्पलेट का भी उपयोग कर सकते हैं। बूटस्ट्रैप वेबसाइट टेम्पलेट को use करना बहुत Easy है |
बूटस्ट्रैप को 2 तरह से उपयोग किया जाता हैं :
- बूटस्ट्रैप को डाउनलोड (Download) करके भी आप उसे Use कर सकते हैं।
- आप Bootstrap CDN के साथ भी बूटस्ट्रैप इनस्टॉल (Install) कर सकते हैं।
इसके लिए सबसे पहले , आपको आप बूटस्ट्रैप की Official Website getbootstrap.com पर जाना है और उसके बाद डाउनलोड बटन पर क्लिक करना है :
जब आप बूटस्ट्रैप डाउनलोड करेंगे , तो आपको एक (Zip File) मिलेगी। इसे आपको अनज़िप (Unzip) करना है , आपको इसमें एक फ़ोल्डर (Folder) मिलेगा जिसमें तीन फ़ोल्डर होते है। आप ऑनलाइन (Online) या ऑफलाइन (Offline) तरीके से बूटस्ट्रैप को अपने HTML Page में या लिंक (Link) कर सकते हैं:
- CSS
- JS
- FONTS
आप अपनी वेबसाइट के फोल्डर के अंदर (Public_html) में इन तीन फ़ोल्डरों को कॉपी (Copy) करके पेस्ट (Paste) कर सकते हैं। और अपने html Page में link कर सकते है | link कैसे करना है उसका एक Example नीचे दिया गया है आप यहां से देख कर link लगा सकते है |
<link rel="stylesheet" href="css/bootstrap.css"></a>इसी तरह से आपको JS भी लिंक करनी है ,अपने html Page में ,
<script src="js/bootstrap.js" type="text/javascript"></script>यदि आपको बूटस्ट्रैप डाउनलोड नहीं करना और आप खुद से होस्ट (Host) नहीं करना चाहते हैं, तो आप इसे CDN (Content Delivery Network) के through भी Use कर सकते हैं
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
