BootStrap Create Form Class glyphicon

Bootstrap

Bootstrap is a free and open source front end development framework for building websites and web applications. The Bootstrap framework is based on HTML , CSS, and JavaScript (JS) to make it easier to create responsive, mobile-first websites and apps.

Responsive design allows a web page or app to detect the visitor's screen size and orientation and automatically adjust the display. The mobile first strategy assumes that smartphones, tablets, and task-specific devices will be used. Employees' primary tools for getting work done are mobile apps, which address the requirements of those technologies in design.

Along with the framework for implementation, Bootstrap includes user interface components, layouts, and JS tools. Precompiled or source code versions of the software are available.

Bootstrap was created by Mark Otto and Jacob Thornton at Twitter to improve the consistency of tools used on the site and to reduce maintenance. The software was previously known as Twitter Blueprint and is also known as Twitter Bootstrap.

The term bootstrap refers to the process of loading a program into a computer by using a much smaller initial program to load in the desired program (which is usually an operating system).

A bootstrap is a small strap or loop at the back of a leather boot that allows you to pull the entire boot on, and bootstrapping in general refers to the leveraging of a small initial effort into something larger and more significant. There's also the phrase "pulling yourself up by your own bootstraps," which means leveraging yourself to success from a small beginning.

Class glyphicon

Available glyphs

Over 250 glyphs in font format from the Glyphicon Halflings set are included. Glyphicons Halflings are normally not free, but their creator has made them available for free for Bootstrap. We only ask that you include a link back to Glyphicons whenever possible.

How to use

All icons require a base class and an individual icon class for performance reasons. To use, simply paste the following code anywhere. To ensure proper padding, leave a space between the icon and the text.

Don't mix with other components

Icon classes cannot be combined with other components directly. They must not be used in conjunction with other classes on the same element. Instead, create a nested span> and apply the icon classes to it.

Only for use on empty elements

Icon classes should be used only on elements that have no text content and no child elements.

Example
<title>Bootstrap Example</title> <meta charset="utf-8"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2">Knowledge Edcuation Cambodia</h2>
<form>
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input id="email" type="text" class="form-control" name="email" placeholder="email">
</div>
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input id="password" type="passsword" class="form-control" name="password" placeholder="password">
</div">
<div class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input id="msg" type="text" class="form-control" name="msg" placeholder="message">
</div>
</form>
</div>
</body>
</html>