CODEWITHSUNDEEP
htmltwitter-bootstrap
user1174824
user1174824

Reputation: 35

Bootstrap Layout Problems

I'm making a login page with Twitter's Bootstrap, and I have a problem. I can't get a thumbnail to display where I want it to. You can see here: http://metamint.net/login I want to put a thumbnail in the blank space next to the forms, but it won't work correctly; the forms are pushed down or moved off to the side. How can I do this correctly? Thanks.

Upvotes: 0

Views: 455

Answers (1)

Mike Robinson
Mike Robinson

Reputation: 25159

Couple of problems.

  1. You put the thumbnail in a row, so it's going to clear all floats.
  2. You put the thumbnail first, which doesn't flow well with how bootstrap is set up.

Try something like this:

<div class="row">
    <div class="span4">
        .... form content here
    </div>

    <div class="span4">
        .... thumbnail content here
    </div>
</div>

Upvotes: 1

Related Questions