Mam kontener stały (span12). W ramach tego mam pasek boczny span3 i obszar zawartości span9.

W obszarze zawartości span9 mam 2 obrazy. Chcę, aby podzieliły 50/50 i nadal były responsywne, tak aby gdy mój ekran jest duży, obejmowały całą szerokość obszaru zawartości, a gdy ich rozmiar zmienia się tak, aby mieścił się w obszarze 1024, kurczą się, a nie zawijają .

Oto mój przykład pracy, ale z miniaturami span5 i span4. Jak uzyskać 50/50, czyli w zasadzie span4.5?

http://dl.dropbox.com/u/240752/custom/test.html

Dzięki.

1
Chris J Allen 27 wrzesień 2012, 15:34

2 odpowiedzi

Najlepsza odpowiedź

Użyj row-fluid, aby zagnieździć 12-kolumnowy układ w span9

<div class="span9">
    <div class="row-fluid">
        <div class="span6">
        </div>
        <div class="span6">
        </div>
    </div>
</div>
3
albertedevigo 27 wrzesień 2012, 15:38

Nie powinieneś dzielić span9 itno 4 i 5 ... podziel go na 2 span6 i wyświetli się poprawnie

Sprawdź tutaj : http://jsfiddle.net/eMETn/

1
Ahmad Alfy 27 wrzesień 2012, 15:40