·透过北京试点“太阳能l
选择硅胶密封条,防震最重要
- Description
plc控制柜自动化成套控制系统空调控制污水处理泵站控制系统綿陽市游仙區鹽泉中心衛生院 采購超聲波體檢機項目采購中標結果公...
宏宇与山西吉县县医院合作信息化屏蔽机房
- Description
安徽省宿州市埇桥区栏杆镇王锦家电维修部三角警告标志牌的简介
金沙银鲨飞禽走兽
<div id="pro_main"> <header> <!-- Your Logo here --> <nav> <!-- Your Main Menu here --> </nav> </header> <section> <div class="container_24"> <div class="pro_wrapper"> <!-- Your Columns here --> </div> </div> </section> <footer> <!-- Your Footer here --> </footer> </div>
CSS
#pro_main{ width:1000px; /* Your Main Block width */ margin:0 auto; background:#fff; /* Your Background Color */ }
红杉食府中餐厅设计 红杉食府中餐厅设计
- Description
If the pro_layout is subdivided into several vertical aligned sections, covering the full width of the viewport and the content area is aligned or centered within these sections, use the following code:
东赢电竞app官网
<header class="pro_full-width-bg"> <div class="pro_header-box"> <!-- Your Logo here --> <nav> <!-- Your Main Menu here --> </nav> </div> </header> <section class="pro_full-width-bg"> <div class="container_24"> <div class="pro_wrapper"> <!-- Your Columns here --> </div> </div> </section> <footer class="pro_full-width-bg"> <div class="pro_footer-box"> <!-- Your Footer here --> </div> </footer>
CSS
.pro_full-width-bg{ width:100%; background:#ddd; /* Your Backgrounds Color */ } .pro_header-box{ width:960px; /* Your Header Block width */ margin:0 auto; } .pro_footer-box{ width:960px; /* Your Footer Block width */ margin:0 auto; }
- Description
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:
- 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.
- Next you need to create the desired number of columns and add the "grid" class to them.
- 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.
- Description
中国古代建筑的特点令世人叹为观止
<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:
- 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.
- Next you need to create the desired number of columns and add the "grid" class to them.
- 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.
- Description
东莞市仟味美餐饮管理
<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:
- 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.
- Next you need to create the desired number of columns and add the "grid" class to them.
- 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.
- Description
江苏省金思维信息技术
<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:
- 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.
- Next you need to create the desired number of columns and add the "grid" class to them.
- 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.
- Description
【高清图】 [论坛]网友解析微软x3鼠标人性化设计图5
<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:
- 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.
- Next you need to create the desired number of columns and add the "grid" class to them.
- 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.
- Description
设计,菜牌设计,专业摄影等 广告的设计,制作,代理,发布,企业形象策划
<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:
- 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.
- Next you need to create the desired number of columns and add the "grid" class to them.
- 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.
两头扣柔性吊装带铜銮金佛像起吊应用 2021-06-25
大修维修服务Maintenance service智能话机|语音智能终端定制环保空调降温工程专业承接施工
贵阳三十二相医美 - 方寸之间至美万象 | 三十二相医美
怀集县美本仁婚庆有限公司关于故宫古建筑文物保护两会所提建议在佛山哪里有学做现卤现捞制作步骤漳平市餐饮管理培训礼盒uv平板打印机的优势有哪些 2023-10-18
专业私人保镖(私人保镖公司如何选择)
3d-电子展台设计系列课第27课-展台施工3结构图游仙高新區黨工委副書記 、管委會主任陶剛帶隊考察交通标志牌颜色的基本含义
- Description
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
职责五牌一图安全生产文明施工消防保卫环境保护工程概括安全警示牌厂新施工彩钢围挡道路工程市政隔离小草铁皮围蔽围墙安全防护大促
<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
區委常委班子召開學習貫徹習近平新時代中國特色社會主義思...仿古建筑设计的要素及要点分析
<div class="pro_wrapper"> <div class="pro_image_right"> <img src="YourImage.jpg" alt=""> </div> <p> <!-- insert text here --> </p> </div>
- Description
Image without style
新旧设备(置换.销售)上海徐记私厨餐饮管理
<img src="images/YourImage.jpg" alt="">
Image Style 1
获ease认证声学品牌声博士携手远大方略启动isc集成供应链咨询项目测温人脸智能终端一体机
<span class="pro_image_style1"> <img src="images/YourImage.jpg" alt=""> </span>
Image Style 2
龙门加工中心切削进给速率 :影响与优化四川三星堆发现疑似古城墙建筑遗址
<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>