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

create bootstrap form with 3 inputs with labels in 3 rows, 2 inputs in with labels in two rows and submit button

Mushtaq Baig answered on August 28, 2023 Popularity 3/10 Helpfulness 1/10

answer create bootstrap form with 3 inputs with labels in 3 rows, 2 inputs in with labels in two rows and submit button

create bootstrap form with 3 inputs with labels in 3 rows, 2 inputs in with labels in two rows and submit button

Comment

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
  <title>Bootstrap Form Example</title>
</head>
<body>
  <div class="container mt-5">
    <form>
      <div class="row mb-3">
        <label for="input1" class="col-sm-2 col-form-label">Input 1:</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="input1" placeholder="Input 1">
        </div>
      </div>
      <div class="row mb-3">
        <label for="input2" class="col-sm-2 col-form-label">Input 2:</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="input2" placeholder="Input 2">
        </div>
      </div>
      <div class="row mb-3">
        <label for="input3" class="col-sm-2 col-form-label">Input 3:</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="input3" placeholder="Input 3">
        </div>
      </div>
      <div class="row mb-3">
        <label for="input4" class="col-sm-2 col-form-label">Input 4:</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="input4" placeholder="Input 4">
        </div>
      </div>
      <div class="row mb-3">
        <label for="input5" class="col-sm-2 col-form-label">Input 5:</label>
        <div class="col-sm-10">
          <input type="text" class="form-control" id="input5" placeholder="Input 5">
        </div>
      </div>
      <div class="row">
        <div class="col-sm-10 offset-sm-2">
          <button type="submit" class="btn btn-primary">Submit</button>
        </div>
      </div>
    </form>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

Popularity 3/10 Helpfulness 1/10 Language typescript

Source: chat.openai.com

Tags: form-with rows submit-button typescript

Link to this answer
Share Copy Link

Contributed on Aug 28 2023

Mushtaq Baig

0 Answers Avg Quality 2/10

create bootstrap form with 3 inputs with labels in 3 rows, 2 inputs in with labels in two rows and submit button

Contents

More Related Answers

create bootstrap form with 3 inputs with labels in 3 rows, 2 inputs in with labels in two rows and submit button

Grepper

Documentation

Social

Legal

Contact

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