Bootstrap e-Book In Hindi

form-inline Class In Boootstrap :

यह bootstrap library की एक class है इसका use कर के सभी फॉर्म control को एक ही line में set किया जाता है इस class को <form> में add किया जाता है  इसका उदाहरण निम्नलिखित है

 

Run

<html>
<head>
      <meta http-equiv="X-UA-Compatible" content="IE-edge" />
      <meta name="viewport" content="width=device-width" />
      <title>From  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 class="form-inline">
   <div class="form-group"> 
      <input type="text" class="form-control" id="name" 
         placeholder="Enter Name">
   </div>
   <div class="form-group">
      <input type="file" id="inputfile">
   </div>
   <div class="checkbox">
      <input type="checkbox"> Check me out
   </div>
   <button type="submit" class="btn btn-default">Submit</button>
</form>
</body>
</html>

 


Prv Next


.

Deependra Singh Baghel Production