Adam ..I chanced upon this reply and was a bit confused as well so thought
I'd elaborate Pete Benoit's reply a bit for anyone else who chances upon
his reply. Taking the ops requirement of 2 spans one below the other on the
left next to a single span on the right... this is how it can be achieved
1. Create a row something like this
<div class="row-fluid">
</div><!--row 1-->
2. Create the left hand side top span and another span below it using
the row
<div class="row-fluid">
<div class="span8">
<span> TOP SPAN</span>
<br/>
<div class="row-fluid">
<span> BOTTOM SPAN</span>
</div><!--row 2 Inside row 1-->
</div>
</div><!--row 1-->
I have just added an internal row inside the outer row to make it easy to
visualise but the illusion that the outer row is covering two rows is
create by the break
3. Add in the right hand side span
<div class="row-fluid">
<div class="span8">
<span> TOP SPAN</span>
<br/>
<div class="row-fluid">
<span> BOTTOM SPAN</span>
</div><!--row 2 Inside row 1-->
<div class="span4>
<span> RIGHT HAND SIDE SPAN</span>
</div>
</div>
</div><!--row 1-->
Obviously the right hand side span needs to have contents covering enough
lines to stretch the outer div
Hope that makes it a bit clearer . Its not really a clear cut,
approach baked into bootstrap , rather a work around.
On Monday, March 11, 2013 7:29:54 AM UTC+8, Adam Gainsley wrote:
>
> Wait am I missing something? This doesn't answer the question. This is
> just two side by side wells, not one span which sits next to two or more
> spans.
>
> On Wednesday, October 31, 2012 10:04:00 AM UTC-4, Phil Doughty wrote:
>>
>> Something like this perhaps?
>>
>> <!doctype html>
>> <head>
>> <link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css";
>> rel="stylesheet">
>> <link href="
>> http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css";
>> rel="stylesheet">
>> </head>
>>
>> <body>
>> <br /><br />
>> <div class="container">
>> <div class="row">
>> <div class="span8">
>> <img src="http://placehold.it/770x270"; class="img-polaroid">
>> <br /><br />
>> <img src="http://placehold.it/770x270"; class="img-polaroid">
>> </div>
>>
>> <div class="span4">
>> <img src="http://placehold.it/370x570"; class="img-polaroid">
>> </div>
>> </div>
>> </div><!-- /row -->
>> </div><!-- /container -->
>>
>> </body>
>> </html>
>>
>> Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936
>>
>>
>>
>>
>>
>> On 31 October 2012 17:42, Pete Benoit <[email protected]> wrote:
>>
>>> This has probably been answered before, but my google-fu isn't working.
>>> I'd like to have a span, span across several rows, something like the
>>> attached picture. Any suggestions on how to do this in bootstrap?
>>>
>>>
>>> <https://lh3.googleusercontent.com/-HFr9NdYtL4U/UJEqWbqUT5I/AAAAAAAAD4k/Z4iglbygVYU/s1600/layout.png>
>>>
>>>
>>
--
You received this message because you are subscribed to the Google Groups
"twitter-bootstrap" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/groups/opt_out.
