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

justify-content-center not working bootstrap

Homer Garnet Cabilla answered on August 12, 2022 Popularity 9/10 Helpfulness 4/10

answer justify-content-center not working bootstrap

justify-content-center not working bootstrap

Comment

<div class="container">
        <div class="row align-items-center">
            <div class="col">
                <div class="w-75 mx-auto" style="background-color: grey;">
                    <form>
                        <h3>Sign In</h3>
                        <label class="sr-only" for="email">Email</label>
                        <div class="input-group mb-2 mr-sm-2">
                            <input type="email" class="form-control" id="email" placeholder="Email">
                        </div>
                        <div class="input-group mb-2 mr-sm-2">
                            <input type="email" class="form-control" id="password" placeholder="Password">
                        </div>
                        <button type="submit" class="btn btn-primary mb-2">Sign In</button>
                    </form>
                </div>
            </div>
            <div class="col-1 mx-auto">
                <h2 class="text-center">OR</h2>
            </div>
            <div class="col">
                <div class="w-75 mx-auto" style="background-color: grey;">
                    <form>
                        <h3>Sign Up</h3>
                        <label class="sr-only" for="email">Email</label>
                        <div class="input-group mb-2 mr-sm-2">
                            <input type="email" class="form-control" id="email" placeholder="Email">
                        </div>
                        <div class="input-group mb-2 mr-sm-2">
                            <input type="email" class="form-control" id="password" placeholder="Password">
                        </div>
                        <button type="submit" class="btn btn-primary mb-2">Sign Up</button>
                    </form>
                </div>
            </div>
        </div>
    </div>

Popularity 9/10 Helpfulness 4/10 Language whatever

Source: stackoverflow.com

Tags: whatever

Link to this answer
Share Copy Link

Contributed on Aug 12 2022

Homer Garnet Cabilla

0 Answers Avg Quality 2/10

justify-content-center not working bootstrap

Contents

More Related Answers

justify-content-center not working bootstrap

Grepper

Documentation

Social

Legal

Contact

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