current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

I want to this in bootstrap:

enter image description here

How can I do that?

share|improve this question

closed as not constructive by Adrift, Wooble, KatieK, Roddy, Josh Mein Jun 11 '13 at 19:18

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.If this question can be reworded to fit the rules in the help center, please edit the question.
    
What have you tried? Try reading the documentation twitter.github.io/bootstrap/scaffolding.html –  Kevin Kunderman Jun 11 '13 at 14:15
    
This : jsfiddle.net/MgcDU/5101 It's almost correct, it missed a well in the left bottom corner in the empty space.. –  user2178964 Jun 11 '13 at 14:40

2 Answers 2

up vote 0 down vote accepted

This should work for you...

DEMO: jsFiddle

 <div class='container'>
    <div class='row'>
        <div class='span8'>
            <div class='well tall'></div>
            <div class='well short'></div>
        </div>
        <div class='span4'>
            <div class='well short'></div>
            <div class='well tall'></div>          
        </div>    
    </div>
</div>
//CSS
.short{
    min-height: 50px;
}

.tall{
    min-height:300px;
}
share|improve this answer
    
Nice play ! Thx –  user2178964 Jun 11 '13 at 15:48
up vote 0 down vote

You can do this by adding negative margin to your last block.

<div class="span2 well" style="margin-top: -80px;">D</div>

Like in this example.

If your contents can be dynamic size you'll have to javascript.

share|improve this answer
    
It's exactly what I do, but I find it's not a "clean" solution, isn't it ? There is really no way to do it playing with row and span of bootstrap ? Thx –  user2178964 Jun 11 '13 at 15:13
    
@user2178964 I don't think so. Just wait, maybe someone will find a solution for you :) I would be interested to see if it's possible as well. –  Morpheus Jun 11 '13 at 15:16

Not the answer you're looking for? Browse other questions tagged or ask your own question.