首页

The template is based on a grid system that uses 24 columns. In order to create the full-witdh column you will need to insert the following code:

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_24">
			<!-- insert content here -->
		</div>
	</div>
</div>

Lets examine the pro_layout creation process, step by step:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

虽然中国有3亿儿童，却不具备购买玩具的文化，玩具一般是孩子拽着父母在超市或者商场买，中国的父母更愿意给孩子报各种培训班。

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_12">
			<!-- insert content here -->
		</div>
		<div class="grid_12">
			<!-- insert content here -->
		</div>
	</div>
</div>

Two Columns Layout creation:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

　　四、使用蓝色来展示网站的胸怀天下　　蓝色总是给人一种胸怀天下的宽阔感，在深圳地区网站建设中，好多网站都采用这种蓝色作为背景的主旋律。

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_8">
			<!-- insert content here -->
		</div>
		<div class="grid_8">
			<!-- insert content here -->
		</div>
		<div class="grid_8">
			<!-- insert content here -->
		</div>
	</div>
</div>

Three Columns Layout creation:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

　　李丰：跟你相反，我觉得作为一个模式没问题。

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_6">
			<!-- insert content here -->
		</div>
		<div class="grid_6">
			<!-- insert content here -->
		</div>
		<div class="grid_6">
			<!-- insert content here -->
		</div>
		<div class="grid_6">
			<!-- insert content here -->
		</div>
	</div>
</div>

Four Columns Layout creation:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

诸多人士纷纷发布“知乎大V攻略”。

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_6">
			<!-- insert content here -->
		</div>
		<div class="grid_18">
			<!-- insert content here -->
		</div>
	</div>
</div>

Layout with left sidebar creation:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

如果用户中断或直接取消下载/安装过程，这时将不会计入转换。

<div class="container_24">
	<div class="pro_wrapper">
		<div class="grid_18">
			<!-- insert content here -->
		</div>
		<div class="grid_6">
			<!-- insert content here -->
		</div>
	</div>
</div>

Layout with right sidebar creation:

1. Create a <div> with the "pro_wrapper" class (<div class="pro_wrapper">). This <div> is a container for our columns so using it is a must.
2. Next you need to create the desired number of columns and add the "grid" class to them.
3. Now the most important step. You need to add "grid_x" class to each of the columns, where x - is the column width index. Total index of all the columns should be equal to 24 and should not be bigger than this value.

Floating Left

在这里提一下一般来说正文区广告得到的关注最多，其次是导航区，而平时被认为是优质位置的侧边栏得到的关注度最小。朋友感叹说：这样的创业可谓“神仙难救”。

<div class="pro_wrapper">
	<div class="pro_image_left">
		<img src="YourImage.jpg" alt="">
	</div>
	<p> <!-- insert text here --> </p>
</div>

Floating Left 2

　　张旭豪最想要的是什么?　　张颖：融资过程中经历了很多事情，我记得很清楚我们的一次聊天。document.writeln('关注创业、电商、站长，扫描A5创业网微信二维码，定期抽大奖。

<div class="pro_wrapper">
	<div class="pro_image_left">
		<img src="YourImage.jpg" alt="">
	</div>
	<p class="extra-wrap"> <!-- insert text here --> </p>
</div>

Floating Right

　　共同出售权，也就是说你找到好的价格好的买家想卖这个，假如另外一个也想卖的话，这个就不行，两个股东要一起分享份额。2012年第一次举办niconico超会议结束时，屏幕上显示的4亿7081万25日元的庞大亏损引起了热烈讨论。

<div class="pro_wrapper">
	<div class="pro_image_right">
		<img src="YourImage.jpg" alt="">
	</div>
	<p> <!-- insert text here --> </p>
</div>

Image without style

知乎的问答模式很犀利，护城河也很深。13年跟14年完全靠刷的年代都没有赚到钱，现在更别想。

<img src="images/YourImage.jpg" alt="">

Image Style 1

截止2017年3月8日，公司股价已经由3.31元跌至1.7元，跌破了每股净资产的价格2.29元，区间跌幅高达48.64%。所以，王雪红带领HTC转战VR，不是说一定要执着的带着赌徒心理去攻VR，而是到了一个不得不作出选择的时候

<span class="pro_image_style1"> 
	<img src="images/YourImage.jpg" alt=""> 
</span>

Image Style 2

　　目前，新加坡巴西立公园附近的ofo共享单车已经引发了其他单车租赁企业的不满——他们指责ofo不公平竞争：一方面，ofo没有支付公共场地的使用费用，比他们成本低;另一方面，相比他们7~8新加坡元的时租费用，ofo只要0.5新加坡元一次的价格实在太有吸引力。守护袁昆发现不管他们以前是干啥的，只要讲互联网、讲电商、讲微商、讲直播……迷茫的企业老板趋之若鹜。

<span class="pro_image_style2"> 
	<img src="images/YourImage.jpg" alt=""> 
</span>

Image Style 3

　　根据读懂新三板研究中心的数据，截止2016年3月16日，新三板共有1700只“僵尸股”，其中1018家企业没有流通股，682家企业有流通股。创始人的原始想法，已经不重要。

<span class="pro_image_style3"> 
	<img src="images/YourImage.jpg" alt=""> 
</span>