Yeah, one way around it is to add a clear both with a div, it seems that
webkit is ignoring the rule:
.row-fluid:after {
clear: both;
}
For the span element.
This works:
<div class="well">
<span class="row-fluid">
<span class="span6">Test 123</span>
<span class="span6">Test 456</span>
<div style="clear: both"></div>
</span>
<span class="row-fluid">
<span class="span6">Test 123</span>
<span class="span6">Test 456</span>
<div style="clear: both"></div>
</span>
<span class="row-fluid">
<span class="span6">Test 123</span>
<span class="span6">Test 456</span>
<div style="clear: both"></div>
</span>
</div>
[]s
Anderson Fortaleza
On Mon, Feb 6, 2012 at 1:56 PM, Phil Doughty <[email protected]> wrote:
> Seems to be a webkit thing because Safari 5.1 renders the same as Chrome.
>
>
> --
>
> Phil Doughty
>
> *T*: +971 50 8879936
>
>
> On 6 February 2012 20:16, Anderson Fortaleza <[email protected]> wrote:
>
>> Hello there guys, thank you for this great framework. I'm using TB2 and
>> chrome (16.0.x) seems not to detect, as far as my understanding go, the
>> selector :after for the row-fluid. Firefox (9.0.x) and IE9 render this
>> simple page right but chrome misses it and overlaps the text:
>>
>> <!DOCTYPE html>
>> <html lang="en">
>> <head>
>> <link href="css/bootstrap.css" rel="stylesheet">
>> </head>
>> <body>
>> <div class="well">
>> <span class="row-fluid">
>> <span class="span6">Test 123</span>
>> <span class="span6">Test 456</span>
>> </span>
>> <span class="row-fluid">
>> <span class="span6">Test 123</span>
>> <span class="span6">Test 456</span>
>> </span>
>> <span class="row-fluid">
>> <span class="span6">Test 123</span>
>> <span class="span6">Test 456</span>
>> </span>
>> </div>
>> </body>
>> </html>
>>
>> What could be possibly happening?
>>
>> thx
>> Anderson Fortaleza
>>
>
>
