首页

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.

各位，看出这里面的门道了吗?　　这意味着，百度抛弃掉新闻源机制(至于有多大影响，我们稍后再说)，又重新构建了一套新的机制，把鸡蛋从一个要“破掉”的旧筐子拿到了新框里，更狠的是，在这个新框里，你可能要付费才有可能进阶到VIP2甚至VIP3，以争取到足够的竞争筹码。

<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.

拥有电视、报纸以及足球解说员背景的董路，被称具有“足球相声解说”风格，非常适合互联网传播，董路也借此积累了高达800万的微博粉丝。

<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.

　　 　　作为老牌PE与VC的代表，另类资产管理平台的定义与之前的鼎晖投资完全不同。

<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.

随后，公司赶上了新三板最火的一班车，股价最高冲高至17.11元。

<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.

　　白兔湖2016年5月25日发布融资预案，拟以每股4.2元募集资金8400万元。

<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

　　据张兰后来回忆：“在餐馆打工，每天进店就有无数的事情等着你，又得洗又得配又得切，一天能切六筐土豆丝，至今手上还有一个缝了十几针的伤痕。与大陆禁止主机游戏发展多年不同，台湾对于主机游戏，一直都是开放的环境，从最早的红白机，到Gameboy，再到任天堂等主机游戏，吴奇隆都玩过。

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

Floating Left 2

　　但在唐一看来，这样的想法完全是胡说八道，逆水行舟不进则退，中国餐饮行业竞争如此激烈，生存下去的唯一办法就是做大做强，而这样必定要借助资本力量助推。而后，唐岩便拉上网易门户产品组长雷小亮和高级技术李志威一起创业，并砸下自己的全部身家注册了陌陌科技。

<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

 　　最近联合国可持续发展解决方案网络(SDSN)在3月20日发布了世界幸福国家排行，挪威被评为2017年世界最幸福的国家，中国排名第79。　　但读懂君要提醒的是，除了企业规模和成长性，对于“僵尸股”，还有这一点要关注。

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

Image without style

在读懂君去年的统计中，住宿和餐饮业也是“僵尸”占比最大的行业，“僵尸”数量占该行业挂牌公司总数的23.08%，而今年占比增加了一倍多。　　而不管是在国内，还是在YouTube的短视频生态里，由内容创作者社区脱胎而来的MCN或许仅有魔力TV一家，魔力TV简直坐拥了一座金矿，但能否开挖出金子还是要回到企业的运营能力上。

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

Image Style 1

　　张旭豪：要研究得非常非常透，不要认为别人是傻子，永远没有傻子，能活到现在都是非常优秀的创业者，要抱着学习的心态走下去。　　发现没有，最健康的月收入和幸福感最高的月收入是重合的?　　同时，随着受教育程度的增高，健康指数先上升后下降，大专学历的人健康状况最好。

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

Image Style 2

　　但这是一个成功率的问题，不是商业模式的问题。　　短视频从去年下半年开始火热，到底有没有泡沫不是不能讨论，但是吴晓波的这篇文章，不到1000字，全文共有3处主要论据，全部有明显的错误。

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

Image Style 3

　　但是搞互联网的，雷军同时代的鲍岳桥、华军、王志东，现在还有几个人记得他们?雷军虽然有这些起起落落，但是一直还站在中国互联网行业的第一线。毕胜说，我不是没激情，我是不知道该干啥。

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