Bootstrap e-Book In Hindi

Online e-Libreary C Language

Basic Form Style Class In Boootstrap :

HTML  tag का use कर के form को create किया जाता है तथा use फॉर्म को responsive बनाने तथा style देने के लिए bootstrap का use किया जाता है
bootstrap का use कर के फॉर्म को responsive बनाने के लिए निम्नलिखित class का use किया जाता है

    1. .form-group
    2. .form-control
    3. .btn
    4. .btn-default
    5. .checkbox

    .form-group :

    यह bootstrap library की एक class है जिसका use कर के फॉर्म control को group किया जाता है  इस class को <div> tag में add किया जाता है

     

    .form-control :

    यह bootstrap library की एक class है जिसका use कर के फॉर्म control को style दी जाती है इसका use करने से text fileld ,password field , drop-down list आदि control  की width बड जाती है तथा इनमे  20px का border - radios  आ जाता है
    इस class को input control में add किया जाता है

     

    .btn :

    इस class का use कर के button को style दी जाती है इसका use करने से button की width बड जाती है तथा button में 20px का border - radios  आ जाता है इस class को button पर add किया जाता है  

     

    .btn-default :

    इस class का use button को style देने में किया जाता है इस class का use के के button का background color set  करने में  किया जाता है इसका use करने से button पर हल्का सा silver color आ जाता है

     

    .checkbox :

    इस class का use कर के checkbox को style देने में किया जाता है इस class को उस div पर दिया जाता है जिस div में checkbox control है
    इन सभी class का उदाहरण निम्नलिखित है

     

    Run

    <html>
    <head>
          <meta http-equiv="X-UA-Compatible" content="IE-edge" />
          <meta name="viewport" content="width=device-width" />
          <title>Table Example</title>
          <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
          <link type="text/css" rel="stylesheet" href="css/bootstrap.css" />
          <link rel="stylesheet" href="css/style.css" />
    </head>
    <body>

    <form>
       <div class="form-group">
          <input type="text" class="form-control" id="name" 
             placeholder="Enter Name">
          <input type="file" id="inputfile"> 
       <div class="checkbox">
          <input type="checkbox"> Check me out
       </div>
       <button type="submit" class="btn btn-default">Submit</button>
     </div>
    </form>
    </body>
    </html>


    Prv Next


.