src/main/webapp/1-fluid/1-5-bootstrapmediaquery.jsp

<html>
	<head>
		<title>Bootstrap grid system</title>
		<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/style/smalltalkstyle.css">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/resources/bootstrap/css/bootstrap.css">
	</head>
	
	<body>
		<div class="box container background">
			<div>Page</div>
			<div class="box panel row">
				<div>Top</div>
				<div class="box content1 col-xs-12 col-md-3">MenuItem 1</div>
				<div class="box content2 col-xs-12 col-md-6">MenuItem 2</div>
				<div class="box content1 col-xs-12 col-md-3">MenuItem 3</div>
			</div>
		</div>
	</body>
</html>