Bootstrap in Hindi Introduction




Bootstrap को HTML, CSS, Javascript को मिलाकर बनाया गया है इसलिए यह सबसे लोकप्रिय फ्रेमवर्क माना जाता है. इसका उपयोग Website को Responsive बनाने मे किया जाता है. Bootstrap तेजी से और आसान Web Development के लिए एक प्रभावशाली Front End Framework माना जाता है.

Bootstrap मे Typography, Forms, Buttons, Tables, Navigations, Dropdowns, Alerts, Modals, Tabs, Accordion, Carousel और कई अन्य के साथ-साथ वैकल्पिक JavaScript Extensions होते है. जैसे आम उपयोगकर्ता Interface Components के लिए HTML और CSS पर आधारित Design Templates आदि शामिल होते है.

For Example

<!DOCTYPE html>
<html>
<head>
<title>Bootstrap First Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href = 
"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>	
   <body>
      <h1>Tutorialroot.com</h1>
      <p>Simply Eassy Learn Hindi Tutorial!</p> 
      <div class="container">
         <div class="row">
            <div class="col-sm-4">
               <h3>Column 1</h3>
               <p>Tutorial Root</p>
               <p>Simply Eassy Learn Hindi Tutorial</p>
            </div>
            <div class="col-sm-4">
               <h3>Column 2</h3>
               <p>Tutorial Root</p>
               <p>Simply Eassy Learn Hindi Tutorial</p>
            </div>
            <div class="col-sm-4">
               <h3>Column 3</h3> 
               <p>Tutorial Root</p>
               <p>Simply Eassy Learn Hindi Tutorial</p>
            </div>
         </div>
      </div>
   </body>
</html>

Output