Bootstrap Tutorial - Static text in horizontal forms








Static text in horizontal forms

When you need to place regular, static text next to a form label within a horizontal form, use the .form-control-static class on a <p>.

<!DOCTYPE HTML>
<html> 
<head> 
<link href="http://java2s.com/style/bootstrap.min.css" rel="stylesheet">
</head><!--from  w  w  w  . j a  v  a 2s. co  m-->
<body style='margin:20px;'>

<form class="form-horizontal">
  <div class="form-group">
    <label for="inputEmail2" class="col-lg-2 control-label">Email</label>
    <div class="col-lg-10">
      <p class="form-control-static">email@example.com</p>
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword2" class="col-lg-2 control-label">Password</label>
    <div class="col-lg-10">
      <input type="password" class="form-control" id="inputPassword2" placeholder="Password">
    </div>
  </div>
</form>
        
</body>
</html>

Click to view the demo