24栅格

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

Code

			
<div class="row">
	<div class="col-cus-24-1">
		<div>
			<h1>1</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>2</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>3</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>4</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>5</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>6</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>7</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>8</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>9</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>10</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>11</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>12</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>13</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>14</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>15</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>16</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>17</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>18</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>19</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>20</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>21</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>22</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>23</h1>
		</div>
	</div>
	<div class="col-cus-24-1">
		<div>
			<h1>24</h1>
		</div>
	</div>
</div>

6栅格系统

1

2

3

4

5

6

Code

			
<div class="row">
	<div class="col-cus-6-1">
		<div>
			<h1>1</h1>
		</div>
	</div>
	<div class="col-cus-6-1">
		<div>
			<h1>2</h1>
		</div>
	</div>
	<div class="col-cus-6-1">
		<div>
			<h1>3</h1>
		</div>
	</div>
	<div class="col-cus-6-1">
		<div>
			<h1>4</h1>
		</div>
	</div>
	<div class="col-cus-6-1">
		<div>
			<h1>5</h1>
		</div>
	</div>
	<div class="col-cus-6-1">
		<div>
			<h1>6</h1>
		</div>
	</div>
</div>