Bootstrap .form-control-static class

BootstrapWeb DevelopmentCSS Framework

Use the class .form-control-static on a <p> when you need to place plain text next to a form label within a horizontal form.

You can try to run the following code to implement the .form-control-static class −


Live Demo

<!DOCTYPE html>
      <title>Bootstrap Example</title>
      <meta name = "viewport" content = "width = device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "">
      <script src = ""></script>
      <script src = ""></script>
      <form class = "form-horizontal" role = "form">
         <div class = "form-group">
            <label class = "col-sm-2 control-label">Email:</label>
            <div class = "col-sm-10">
               <p class = "form-control-static"></p>
         <div class = "form-group">
            <label for = "inputPassword" class = "col-sm-2 control-label">Password:</label>
            <div class = "col-sm-10">
               <input type = "password" class = "form-control" id = "inputPassword" placeholder = "Password">
Updated on 12-Jun-2020 13:37:05