Bootstrap e-Book In Hindi

Introduction Of Bootstrap

Bootstrap  का use website  बनाने में किया जाता है Bootstrap का use कर Responsive website बनाई जाती है Responsive website का मतलब यह होता है की website अलग अलग size की screen पर website screen के अकार्डिंग अपनी size manage कर लेगी  bootstrap css और javascript की library है जो bootstrap में use की जाती है bootstrap का use करने के लिए इसको library को Download करना होता है bootstrap को Download करने के लिए link निचे दी गई  है जिससे आप bootstrap की library Download कर सकते है

 

How To Download Bootstrap Plugin

इस link से आप Compiled CSS and JS को download करेगे इस फाइल को download करने के बाद आपको एक .zip फाइल मिलेगी  इस फाइल को आप extrect कर लीजिये extrect करने के बाद आपको 2 फोल्डर मिलेगे css और  js आपको इन फोल्डर में आपको css तथा jquery की फाइल मिलेगी

 

css File को link करना :

css फाइल को webpage से link करने के लिए निम्लिखित statement लिखना होता है

<head>

    <title>bootstrap</title>

<link type="text/css" rel="stylesheet" href="css/bootstrap.css" />

</head>

 

bootstrap.css फाइल को आप अपने webpage के head section में <link> tag का use  करते है और इस css फाइल को webpage के head section में add करने से आप इसे पुरे webpage में use कर सकते है

 

js File link करना :

bootstrap में दो jquery file add की जाती है पहली फाइल bootstrap फाइल के साथ ही js folder में  bootstrap.js फाइल मिलती है पहले इसे add करते है

इस add करने का statement निम्नलिखित लिखित है

<script type="text/javascript" src="js/bootstrap.js"></script>

इस फाइल के आलावा एक और jquery  फाइल  add की  जाती है इस फाइल को Download करने के लिए आप इस link का use कर सकते है  

http://malsup.github.io/jquery.cycle.all.js

इस  link से आप jquery की library download कर सकते है

इस कोड को Ctrl+s का use कर के सेव के लेते है इसके बाद इस फाइल को webpage पर add किया जाता है

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>

इन दोनों jquery को add करने के बाद add bootstrap की सभी plug in use कर सकते है

<html>

<head>

   

    <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />

</head>

<body>

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>

    <script type="text/javascript" src="js/bootstrap.js"></script>

</body>

</html>

 

meta tag :

जेसा की हम जानते है की Bootstrap का use responsive website बनाने के लिए किया जाता है तो mata tag का use भी website के responsive होने में सहयता करता है जेसा की हम जानते है की website अलग अलग वेब ब्राउजर पर open की जाती है इन अलग अलग वेब ब्राउजर को इस बात की इनफार्मेशन देने के लिए की किस वेब ब्राउजर कर website किस तरह से दिखाई देगी इस बात की इनफार्मेशन देने के लिए meta tag का use करते है अलग अलग वेब ब्राउजर के लिए meta tag भी  Different  होते है

Bootstrap में use किये जाने वाले प्रमुख meta tag निम्नलिखित है

<meta http-equiv="X-UA-Compatible" content="IE-edge" />

<meta name="viewport" content="width=device-width" />

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

 

इन तीनो meta tag का use responsive website को बनाने के लिए किया जाता है meta tag को website के head section में लिखा जाता है

Next


.