Label isn't on the same line as its .input-group bootstrap 5-CodePudding

  <div >
      <label >Tell us Your Name *</label>
      <input type="text"  placeholder="First Name">
      <input type="text"  placeholder="Last Name">
   </div>

My code is like this, but what I want to do is to have the label part above the input part and be responsive. I will be glad if you help me

CodePudding user response：

Try this code. It adds the row and col syntax in your html.

<div >
  <label >Tell us Your Name *</label>
  <input type="text"  placeholder="First Name">
  <input type="text"  placeholder="Last Name">

This will put the label at the top and the input fields below the label.