Czasem chcemy, żeby na stronie były dwie szpalty - jedna z lewej, węższa, druga z prawej, szersza.

Etap pierwszy: używajmy do tego hateemelowych znaczników table, tr i td.

Etap drugi: ale to jest nieeleganckie, trzeba oddzielić opis wyglądu od opisu treści! Wywróćmy wszystko do góry nogami, wprowadźmy nowy język - CSS - i takie rzeczy będziemy robić w zewnętrznym pliku ze stylem.

Etap trzeci: ojej, ale w CSS-ie nie da się bez wiązania sznurkiem zrobić strony składającej się z dwu szpalt. Więc zróbmy framework CSS definiujący w skomplikowany sposób czarodziejskie klasy, a odpowiednie rzeczy oznaczajmy w pliku HTML diwami z odpowiednimi klasami.

W ten sposób po dziesięciu latach ulepszania zamiast pisać w pliku HTML:

<table>
	<tr>
		<td>
			(...)
		</td>
	</tr>
</table>

Piszemy w pliku HTML:

<div class="container">
    <div class="row">
        <div class="span3">
		(...)
	</div>
</div>

RSS