Breaking News: Grepper is joining You.com. Read the official announcement!

formbuilder bootstrap

Mère Thorrésa answered on September 28, 2023 Popularity 7/10 Helpfulness 2/10

answer formbuilder bootstrap

formbuilder bootstrap

Comment

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<form>
  <div class="form-group row">
    <label for="text" class="col-4 col-form-label">Text Field</label> 
    <div class="col-8">
      <div class="input-group">
        <div class="input-group-prepend">
          <div class="input-group-text">
            <i class="fa fa-address-card"></i>
          </div>
        </div> 
        <input id="text" name="text" type="text" class="form-control">
      </div>
    </div>
  </div>
  <div class="form-group row">
    <label for="text1" class="col-4 col-form-label">Text Field</label> 
    <div class="col-8">
      <input id="text1" name="text1" type="text" class="form-control">
    </div>
  </div>
  <div class="form-group row">
    <label class="col-4">Checkboxes</label> 
    <div class="col-8">
      <div class="custom-control custom-checkbox custom-control-inline">
        <input name="checkbox" id="checkbox_0" type="checkbox" checked="checked" class="custom-control-input" value="rabbit"> 
        <label for="checkbox_0" class="custom-control-label">Rabbit</label>
      </div>
      <div class="custom-control custom-checkbox custom-control-inline">
        <input name="checkbox" id="checkbox_1" type="checkbox" class="custom-control-input" value="duck"> 
        <label for="checkbox_1" class="custom-control-label">Duck</label>
      </div>
      <div class="custom-control custom-checkbox custom-control-inline">
        <input name="checkbox" id="checkbox_2" type="checkbox" class="custom-control-input" value="fish"> 
        <label for="checkbox_2" class="custom-control-label">Fish</label>
      </div>
    </div>
  </div> 
  <div class="form-group row">
    <div class="offset-4 col-8">
      <button name="submit" type="submit" class="btn btn-primary">Submit</button>
    </div>
  </div>
</form>

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: bootstrapformbuilder.com

Tags: formbuilder html

Link to this answer
Share Copy Link

Contributed on Sep 28 2023

Mère Thorrésa

0 Answers Avg Quality 2/10

formbuilder bootstrap

Contents

More Related Answers

formbuilder bootstrap

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.