बूटस्ट्रैप क्या है  पूरी जानकारी हिंदी में

0
25
bootstrap kya hai

bootstrap kya hai Bootstrap ko user interface ko design Karne ke liye use kiya jaata hai bootstrap predefined CSS classes ka combination bootstrap mai CSS ki thousand of classes hai jisko ham apne website ko interactive or responsive bana sakte hai or responsive website sabhi device per easily run ho jaati hai or website responsive websites device ki width ke according content ko adjust kar leti hai isliye ham bootstrap ki css classess  ko use karte hai.

 

बूटस्ट्रैप use Karne के फायदे

  1. bootstrap ka main use website ko interactive or responsive banana.
  2. website ko bootstrap ki class ko use karke ham lightweight bana sakte hai lightweight website users ke browser mai fast load hoti hai.
  3. Bootstrap CDN ko use karke ham project file size ko kam kar sakte hai.
  4. CDN(content Delivery Network) is file ko ham apne head section mai add karte hai ye library very lightweight hai or ye fast load hoti hai kisi bhi browser mai.
  5. abhi ham bootsrap ka version 4.5 use kar rahe hai jo ki latest version ke roop mai use liya ja raha hai.
  6. bootstrap ki latest news mai abhi bootstrap verion 5 ka Alpha version release ho chuka hai or ye abhi under construction hai aap bootstrap 5 se related classes ko use kar salte hai per abhi under construction mai hone ke kaaran classes work karegi ya nahi ye nahi bol sakte.
bootstrap in hindi

बूटस्ट्रैप V.5 में kya नया आया है

  1. bootstrap ke v.5 aane se Jquery ko totally remove kar diya gaya hai.
  2. Lastes bootstrap client side interaction or client side validation ko handle kar sakta hai.
  3. jquery ko bhi ham use kar sakte hai requirement ke accroiding.

बूटस्ट्रैप को कैसे यूज़ करे [bootstrap kya hai]

  1. Sabse easy tarika bootstrap ko use karne ka CDN (Content Delivery network) ki help se ham easily work kar sakte hai.
  2. CDN library ko Apne webpage mai Head section ke under use karna hota hai  aap CDN ko apne <head> </head> section ke under directly add kar sakte hai.
  3. dekhe kaise ham apne project mai Bootstrap CDN file ko add kare .
     प्रैक्टिकल Example
  • Aapko ek new file create karna hai bootstrap.html name se fir usko apne system mai save karna hai aap ye html code ko copy karke apni bootstrap.html file mai paste kar sakte hai

<!DOCTYPE html>

<html>

    <head>

        <link rel=”stylesheet” href=”https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css” integrity=”sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk” crossorigin=”anonymous”>

    <style>

        form{

            border:2px solid darkcyan;

            padding:10px;

            margin:10px;

            width: 250px;

            margin: auto;

            margin-top:10px;

            border-radius: 10px;

        }

    </style>

   

    </head>

    <body>

       <form>

        <h3>User Login Form</h3>

        <div class=”form-group”>

         <label>User-Name</label>

         <input type=”text” class=”form-control”>

        </div>

        <div class=”form-group”>

         <label>Passowrd</label>

         <input type=”password” class=”form-control”>

        </div>

        <button class=”btn btn-success”>Login</button>

       </form>

    </body>

</html>

 
 
  • is file ko app apne computer mai Notepad ya Visual Studio Code Editor main Ek new file ko banakar is code ko paste kare or us file Dot HTML extension se save Kare Jaise ki bootstrap.html  
 
Browser Output:
what is bootstrap

 

 
बूटस्ट्रैप क्या है Important Bootstrap Components:
  1. Bootstrap Form Classes
    1. .form-control
    2. .form-group
    3. .btn btn-success
    4. .btn btn-primary
    5. .btn btn-success
    6. .btn btn-dander
    7. .btn btn-info
    8. .btn btn-dark
  2. Layout Container Related classess:
    1. .conatiner
    2. .conatiner-fluid
    3. .container-sm
    4. .container-md
    5. .container.lg
    6. .container.xl
  3. text related classes:
    1. .text-primary
    2. .text-secondary
    3. .text-info
    4. .text-danger
  • hamare pass bootstrap mai thousand of classess hai css ki in sabhi classess ko use kare ham better UI design kar sakte hai apne project ke liye ye sahi classs lightweight hai fast load hoti hai aaj ke mordern samay mai sabhi bootstrap Ui framework ko use karte hai better UI ke liye
Conclusion:

bootstrap kya hai  agar aapko is article mai kisi prakar ka content samaj nahi aaya hai tou aap hame comment Box me comment karke pooch skate hai jisse aapko jaanne mai aasaani hogi dhanybaad.

LEAVE A REPLY

Please enter your comment!
Please enter your name here