Randy_Johnson
3 months ago
247
1
General

CSS Help!

Posted 3 months ago by Randy_Johnson

https://ibb.co/vYk4wct

I want the input columns to all be on the same level, I've tried margin and padding but it is wrong. I am using bootstrap as well, if anyone knows the answer in that format.

Thank you in advanced.

<div class="row mt-4">
      <div class="col-lg-3 col-md-6 col-sm-12">
        <p><strong>Ellipsoial Cartesian Coordinates (m)</strong></p>
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
      </div>
      <div class="col-lg-3 col-md-6 col-sm-12">
        <p><strong>Conventional Terrestrial Coordinates (m)</strong></p>
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
      </div>
      <div class="col-lg-3 col-md-6 col-sm-12">
        <p><strong>Shifting Parameters (m)</strong></p>
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
      </div>
      <div class="col-lg-3 col-md-6 col-sm-12">
        <p><strong>Rotation Parameters (second)</strong></p>
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
        <label for="exampleForm2">X Pole (Second)</label>
        <input type="text" id="exampleForm2" class="form-control">
      </div>
    </div>

Please sign in or create an account to participate in this conversation.