CODEWITHSUNDEEP
csstwitter-bootstrap
smeeb
smeeb

Reputation: 29577

Bootstrap 3: Form styles failing

Here is my jsFiddle with full code example.

I would like:

I am trying to style center the container via text-center. I am trying to align the link via text-left. Neither are working:

<div class="container">
    <div class="row">
        <div class="col-md-8 text-center">
            <h1 class="strong-primary">Sign in to continue to Audit<b>Cloud</b>.</h1>
        </div>
        <div class="col-md-4 text-center">
            <form role="form">
                <div class="form-group">
                    <input type="email" class="form-control" id="signin-email" placeholder="Your email">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" id="signin-password" placeholder="Password">
                </div>
                <button type="submit" class="btn form-control btn-lg btn-success">Sign in</button>
                <div class="form-group"><a href="#" class="text-left">Need help?</a></div>
            </form>
        </div>
    </div>
</div>

Any ideas?

Upvotes: 2

Views: 46

Answers (1)

Ian Hazzard
Ian Hazzard

Reputation: 7771

You need to apply text-align:left; to the containing <div>. Instead of class="text-left, use style="text-align:left;. I put those changes into your fiddle:

http://jsfiddle.net/fjL4f2ew/1/

Upvotes: 1

Related Questions