Bootstrap - Mehrere Divs nebeneinander

Aktuelle Programmier- und Auszeichnungssprachen HTML / CSS / JavaScript
1

Moin,

ich hoffe mal hier hat schon einmal jemand etwas mit Twitter’s Bootstrap gemacht.
Ich versuche 3 Divs nebeneinander zu legen, trotzdem werden sie untereinander dargestellt.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
		<link rel="stylesheet" href="css/bootstrap-theme.css" type="text/css">
		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
	</head>
	<body>
		<div class="container">
		  <div class="row">
			<div class="span4"><p>Lorem ipsum dolor sit amet</p></div>
			<div class="span4"><p>Lorem ipsum dolor sit amet</p></div>
			<div class="span4"><p>Lorem ipsum dolor sit amet</p></div>
		  </div>
		</div>
	</body>
</html>

Weiß jemand wo mein Fehler liegt?

Danke

Edit:

Ok, hat sich erledigt, fehlerhaftes, bzw. veraltetes Tutorial hier :frowning:

statt

span4

col-xs-4
2

Wobei col-xs schon mit Smartphones greift. Solltest dir überlegen vielleicht nicht col-md zu verwenden?

3

wo genau wäre denn dann da der Unterschied?
Bin da durch die Doku noch nicht so durchgestiegen (OK, hab auch nicht viel Zeit drauf verwendet).

4

Unterschied? Naja, mit col-xs wird halt schon abn kleinsten Endgerät die Spalten nebeneinander angezeigt. Am Handy ned so schön. Mit col-md werden die Spalten erst ab größeren Tablets oder Landscape bei mittleren Tablets nebeneinander angezeigt. Bei kleineren Endgeräten untereinander.