CODEWITHSUNDEEP
csstwitter-bootstraphtml
user2750921
user2750921

Reputation: 15

Bootstrap - span div's aligning vertically instead of horizontally

I've been trying to align the span3 <div> next to each other but I keep getting them one above the other.

So, I want to have:

SPAN3 SPAN3

and instead I am getting:

SPAN3

SPAN3

I appreciate any help here, thank you very much!

<div class="container">



        <div class="row-fluid" >

            <div class="span3">

                <form class="well" action="login.php">
                <legend>Sign In</legend>
                    <div class="control-group">
                        </br><input name="username" type="text" placeholder="Enter your username" class="input-large"></br></br>
                    </div>
                    <div class="control-group">
                        </br><input name="password" type="password" placeholder="Enter your password" class="input-large"></br></br>
                    </div>
                    <div class="control-group">
                        <button type="submit" class="btn">Log in</button></br></br>
                        <a> OR </a></br></br>
                        <button type="button" class="btn btn-primary">New user? Register Here!</button>
                    </div>

                </form>

            </div>

            <div class="span3">

                <img src="someimage.jpg" alt="sijpg">

            </div>

        </div>



    </div>

Upvotes: 1

Views: 393

Answers (2)

Ivan
Ivan

Reputation: 38

Had the same problem, the issue is in Bootstrap 3.0 - It has some bugs in its bootstrap.min.css file.

My suggestion - download 2.3.2, it will work just fine

Upvotes: 1

fabrigm
fabrigm

Reputation: 658

.span3 { display:inline-block; }

That is?

Upvotes: 0

Related Questions