响应式12栅格

1

2

3

4

5

6

7

8

9

10

11

12

Code

			
<div class="container-fluid">
	<h2>响应式12栅格</h2>
	<div class="row">
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>1</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>2</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>3</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>4</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>5</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>6</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>7</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>8</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>9</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>10</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>11</h1>
			</div>
		</div>
		<div class="col-lg-1 col-md-1 col-sm-1 col-xs-1">
			<div>
				<h1>12</h1>
			</div>
		</div>
	</div>
</div>