I am working with a fluid-responsive bootstrap project. I have four spans; my goal is to show them 4x1, then 2x2, followed by 1x4. I am having trouble doing this without transitioning through 3x1+1.To show that graphically:
The only code I've found that works is below; in the 4x1 layout, it leaves a wide space between items 2 and 3.\[code\]<div class="container-fluid"> <div class="span11"> <div class="span5"> <h2>Item 1</h2> </div> <div class="span5"> <h2>Item 2</h2> </div> </div> <div class="span11"> <div class="span5"> <h2>Item 3</h2> </div> <div class="span5"> <h2>Item 4</h2> </div> </div></div>\[/code\]