Bootstrap से Responsive Website कैसे बनायें?

Hello Dosto Kaise Ho Aap? Pichle Post Me Maine Bataya Tha Ki Bootstrap Kya Hota Hai Or Bootstrap Ki Madad Se Hum Website Ko Responsive Design Kaise Kar Sakte Hai Agar Aapne Wo Post Nahi Padha To “Bootstrap Guide In Hindi” Post Ko Pahle Padhe Jisse Aapko Aage Ki Jankari Dena Mere Liye Aasan Hoga Or Bootstrap Aaj Hum Baat Karege Ki Bootstrap Se Responsive Website Kaise Banaye? Bootstrap Tutorial In Hindi

Bootstrap Kya Hai Aur Bootstrap Kaise Sikhe
Bootstrap Kya Hai Aur Bootstrap Kaise Sikhe

Bootstrap Css Or JavaScript Ka Ek Structure Hai Jisse Html, Css Or JavaScript Ki Coding Ko Milakar Banaya Gya Hai Or Bootstrap Open Source Frame Hai Jisko Aap Bilkul Free Istemal Karke 100% Responsive Website Create Kar Sakte Hai, Bootstrap Ko Html5 Or Css3 Ke Support Ke Sath Milakar Banaya Gya Hai.

Bootstrap Css Front-End Frameworks Hai Jisko Sabhi Developers Pasand Karte Hai Kyuki Isse Start Karna Bahut Aasan Hai Or Isme Aapko Html Ke Use Website Ko Teyar Kar Sakte Hai Or Bootstrap Aapko Sabhi Comman Css Provide Karta Hai

Bootstrap Ko Itna Jyda Pasand Kyu Kiya Jata Hai?

  • Yeh Shuru Karne Me Bahut Aasan Hai
  • Grate Grid System
  • Html Ke Base Par Aap Typography, Code, Tables, Fourms, Button Or Structure Or Icons Add Kar Sakte Hai.
  • Bundle JavaScript Plugin
  • Inbuilt Css Or JavaScript
  • Css Class All Collection Available

Bootstrap 3 Files Ke Aadhar Par Kaam Karta Hai:

  • Bootstrap.Css – Css Structure File
  • Bootstrap.Js – Javascript Structure File
  • Glyphicons – Yeh Ek Font Or Icon Set Hota Hai

Iske Sath Bootstrap Ko Jquery Ke Sath Function Karne Ki Jarurat Hoti Hai Dosto Jquery Bahut Hi Popular Or Jyada Istemal Ki Jane Wali JavaScript Library Hai Jo Aapki Website Ko Cross Browser Ke Liye Optimization Karta Hai

Aaj Hum Aapko Batayege Ki Bootstrap Ko WordPress Blog Me Kaise Add Or Install Kare, Agar Aapko WordPress Blog Hai To Kis Tarah Se Bootstrap Add Karke Website Ko Responsive Or Fast Loading Bana Sakte Hai I Hope Aapko Jo Jankari Chahiye Is Lekh Me Mil Jayegi

Bootstrap Se Responsive Website Kaise Banaye?

Learn Bootstrap In Hindi : Bootstrap Kaise Sikhe Dosto Bootstrap Kya Hai Ke Bare Me Maine Aapko Puri Jankari De Di Hai Ab Aapko Batauga Ki Bootstrap Ko Istemal Kaise Kare Apne Blog Or Website Ke Sath Yeh Bahut Aasan Hai Iske Bare Me Abhi Alag Alag Parts Me Batane Wala Hu Jisse Aapko Koi Bhi Dikkat Na Aaye Or Bootstrap Ko WordPress Ke Sath Aap Aasani Se Upyog Kar Sake.

Bootstrap Ko 2 Trike Se Use Kiya Jata Hai:

  • Bootstrap Ko Download Karke
  • Cdn Ke Sath Bootstraop Install Karna

Bootstrap Kaise Install Kiya Jata Hai?

Sase Pahle Bootstrap Ki Officail Website Http://Www.Getbootstrap.Com/ Par Jaye Or Download Par Click Kare

Ab Aapko Yaha Par Bootstrap Ko Setup Karne Ke Liye 3 Tarike Milte Hai Jo Kuch Is Tarah Se Hai

  • Compiled CSS And JS
  • Source Files
  • BootstrapCDN

Yaha Par Aapko Compiled CSS And JS Files Wale Download Par Click Kare Jisse Ek Zip File Download Ho Jayegi

Adding Bootstrap with Bootstrap File

Bootstrap Ki Zip File Download Hone Ke Bad File Ko Unzip Kare Jisse Aapko 3 Folder Milege

  • CSS
  • JS
  • Fonts

In 3no Folder Ko Copy Karke Website Ke Root Folder Matlab Apne Hosted Website Ke Cpanel Me Jakar Public_Html Folder Me Paste Karde

Ab Aapne Blog Me Bootstrap Install Kar Diya Hai Or In Files Ko Apne Blog Ke Function File Me Link Karna Hoga Uske Liye Aapko Yeh Script Code Apne Function.Php File Me Add Karna Hoga

function reg_scripts() {
wp_enqueue_style( 'bootstrapstyle', get_template_directory_uri() . '/css/bootstrap.min.css' );
wp_enqueue_style( 'bootstrapthemestyle', get_template_directory_uri() . '/css/bootstrap-theme.min.css' );
wp_enqueue_script( 'bootstrap-script', get_template_directory_uri() . '/js/bootstrap.min.js', array(), true );
}
add_action('wp_enqueue_scripts', 'reg_scripts');

 

Adding Bootstrap with CDN Method

Agar Aapne Bootstrap Download Nahi Kiya Hai Or Bina Files Or Script Ko Add Kiye Cdn Method Se Direct Integration Karna Chahte Hai To Apne WordPress Theme Ke Function.Php File Me Yeh Enqueue Add Kare

function your_script_enqueue() {
wp_enqueue_script( 'bootstrap_js', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js', array('jquery'), NULL, true );
wp_enqueue_style( 'bootstrap_css', 'https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css', false, NULL, 'all' );
wp_enqueue_style( 'custom_style', get_template_directory_uri() . '/css/your_style.css', array(), '1.0.0', 'all');
wp_enqueue_script( 'custom_js', get_template_directory_uri() . '/js/custom.js' );
}
add_action( 'wp_enqueue_scripts', 'your_script_enqueue' );

Is Tarah Se Aapka WordPress Blog Bootstrap Par Run Kar Sakte Hai Bootstrap Ki Css Or Js File Fully Minified Hai Matlab Uska Blog Par Bahut Kam Load Padta Hai Or Blog Speed Fast Bani Rahegi, Yahi Genuine Way Hai WordPress Blog Or Apni Kisi Bhi Blog Or Website Me Bootstrap Setup Karne Ke Liye

Bootstrap Fast Or Responsive Frame Hai Jiski Help Responsive Website Design Kar Sakte Hai Or Multipurpose Theme Banane Ke Bahut Sare Features Apke Samne Khul Jate Hai, Agar Aapko Yeh Lagta Hai Ki Website Me Bootstrap Install Karne Se Aapka Sara Kaam Ho Gya Or Aapka Blog Bootstrap Base Blog Ban Gya Hai To Aap Bilkul Galat Hai Kyuki Bootstrap Aapko Advance Css Or JavaScript Files Ka Support Deta Hai Jisko Aap Apne Blog Me Upyog Karke Responsive Design Kar Sakte Hai

Pichle Post Me Maine Aapko Bootstrap Kya Hai Iski Puri Jankari Hindi Me Batayi Or Is Post Me Bootstrap Ko Install Karne Ka Tarika Bataya Agar Aap Chahte Hai Ki Iske Bare Me Likhna Continue Rakhu To Aap Comment Me Bataye Jisse Issi Tarah Ke Programming Series Lekar Aata Rahuga or Kosis Karuga Ki Bootstrap Ke All Component Ko Cover Karke Acche Se Aapko Guide Karuga, Bootstrap Guide in Hindi bootstrap ke bare me Puri Jankari Hindi Me Aapko Kaisi Lagi or Kis Tarah se Aap Bootstrap ke Sath Apni Website ko Design Karke Full Responsive Bana Sakte Hai


आज के लेख में “Adding Bootstrap On WordPress In Hindi” आपको के बारे में बहुत कुछ नया सीखने मिला, अगर आपको “Bootstrap Framework” से जुड़ी कोई भी जानकारी लेनी है तो Comment करे और हम आपके सभी सवालों के जवाब देने का प्रयास करेंगे.

इससे Social Media कर पर अपने दोस्तों के साथ ज़रूर शेयर करे जिससे हमें भी कुछ मदद मिलेगी

Default image
Vikas Sahu
मैं एक पेशेवर ब्लॉगर हूँ, इस ब्लॉग पर आप उन लेखों को पढ़ेंगे जिनसे आप अपना करियर और पैसा दोनों ऑनलाइन ब ना सकते हैं.. read more

4 Comments

  1. accha post hai

  2. Bahut hi badhiya jankari ! Bootstrap par aapki batayi hui jankari kafi acchi lagi. Isse kafi bloggers ko fayda hoga. Bootstrap par next tutorial ka wait rahega. Thanks a lot.

Leave a Reply