布局和文本
[vc_row full_width =”strect_row” 视差=”内容移动” CSS =”.vc_custom_1430235361899{顶部填充: 35像素 !重要的;填充底部: 60像素 !重要的;背景图: 网址('http://vcpreview.com/wp-content/uploads/2015/01/background_flat.png?id=23’)!重要的 ;背景位置: 中心;背景重复: 不重复;背景大小:覆盖;}”][vc_column][vc_custom_heading text =”排, 列布局和文本” font_container =”标签:小时2|字体大小:46|文本对齐:左边|颜色:%23噗噗噗|行高:1.5″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:700%20BOLD%20 regular%3A700%3敏现象”][vc_separator align =”align_left” border_width =”3″ el_width =”50″ EL_CLASS =”分隔符”][vc_column_text css =”.vc_custom_1437477631561{顶部边距: -15像素 !重要的;}”]使用行和列原则基于 Bootstrap 网格的响应式 WordPress 页面和帖子.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”行数, 列和文本布局” font_container =”标签:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” CSS =”.vc_custom_1437477637442{填充底部: 15像素 !重要的;}”][vc_column_text]
Visual Composer 使用 Bootstrap 网格原理形成响应式行和列布局,在所有类型的设备上看起来都不错.
[/vc_column_text][/vc_column][/vc_row][VC_ROW CSS =”.vc_custom_1422959791599{填充底部: 35像素 !重要的;}”][vc_column宽度=”1/2″][vc_custom_heading text =”第一栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 2 相等的列和文本段落左右对齐. 可以拖动列来更改其顺序,如果每列中有大量元素并且您希望交换它们,这会很方便.
[/vc_column_text][/vc_column][vc_column宽度=”1/2″][vc_custom_heading text =”第二纵队” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 2 相等的列和文本段落左右对齐. 可以拖动列来更改其顺序,如果每列中有大量元素并且您希望交换它们,这会很方便.
[/vc_column_text][/vc_column][/vc_row][VC_ROW CSS =”.vc_custom_1422959791599{填充底部: 35像素 !重要的;}”][vc_column宽度=”2/3″][vc_custom_heading text =”第一栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 2 左列大于右列的列. 如果您想创建基于侧边栏的页面,这种布局会派上用场.
[/vc_column_text][/vc_column][vc_column宽度=”1/3″][vc_custom_heading text =”第二纵队” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 2 左列大于右列的列. 如果您想创建基于侧边栏的页面,这种布局会派上用场.
[/vc_column_text][/vc_column][/vc_row][VC_ROW CSS =”.vc_custom_1422959791599{填充底部: 35像素 !重要的;}”][vc_column宽度=”1/3″][vc_custom_heading text =”第一栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 3 相等的列和文本段落左对齐, 中心和右侧. 如果你想展示核心功能或产品,这样的布局非常方便.
[/vc_column_text][/vc_column][vc_column宽度=”1/3″][vc_custom_heading text =”第二纵队” font_container =”标签:小时5|字体大小:18|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 3 相等的列和文本段落左对齐, 中心和右侧. 如果你想展示核心功能或产品,这样的布局非常方便.
[/vc_column_text][/vc_column][vc_column宽度=”1/3″][vc_custom_heading text =”第三栏” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 3 相等的列和文本段落左对齐, 中心和右侧. 如果你想展示核心功能或产品,这样的布局非常方便.
[/vc_column_text][/vc_column][/vc_row][VC_ROW CSS =”.vc_custom_1422959791599{填充底部: 35像素 !重要的;}”][vc_column宽度=”1/6″][vc_custom_heading text =”第一栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 6 等列是显示特征网格的完美解决方案.
[/vc_column_text][/vc_column][vc_column宽度=”1/6″][vc_custom_heading text =”第二纵队” font_container =”标签:小时5|字体大小:18|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 6 等列是显示特征网格的完美解决方案.
[/vc_column_text][/vc_column][vc_column宽度=”1/6″][vc_custom_heading text =”第三栏” font_container =”标签:小时5|字体大小:18|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 6 等列是显示特征网格的完美解决方案.
[/vc_column_text][/vc_column][vc_column宽度=”1/6″][vc_custom_heading text =”第四纵队” font_container =”标签:小时5|字体大小:18|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 6 等列是显示特征网格的完美解决方案.
[/vc_column_text][/vc_column][vc_column宽度=”1/6″][vc_custom_heading text =”第五纵队” font_container =”标签:小时5|字体大小:18|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 6 等列是显示特征网格的完美解决方案.
[/vc_column_text][/vc_column][vc_column宽度=”1/6″][vc_custom_heading text =”第六纵队” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 6 等列是显示特征网格的完美解决方案.
[/vc_column_text][/vc_column][/vc_row][vc_row full_width =”strect_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”行和列样式” font_container =”标签:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” CSS =”.vc_custom_1437477644576{填充底部: 15像素 !重要的;}”][vc_column_text]
通过添加背景来设置行和列的样式, 背景颜色, 边界, 通过设计选项设置边距和填充. 从可用的边框样式和背景图像位置中进行选择.
[/vc_column_text][/vc_column][/vc_row][VC_ROW CSS =”.vc_custom_1423056729606{底部: 35像素 !重要的;边框顶部宽度: 1像素 !重要的;右边框宽度: 1像素 !重要的;边框底部宽度: 1像素 !重要的;左边框宽度: 1像素 !重要的;填充底部: 10像素 !重要的;背景颜色: #f7f7f7 !重要的;左边框颜色: #会下降 !重要的;左边框样式: 点缀的 !重要的;右边框颜色: #会下降 !重要的;右边框样式: 点缀的 !重要的;边框顶部颜色: #会下降 !重要的;顶部边框样式: 点缀的 !重要的;边框底部颜色: #会下降 !重要的;边框底部样式: 点缀的 !重要的;}”][vc_column宽度=”1/2″][vc_custom_heading text =”第一栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
该行已使用背景颜色和虚线边框进行样式设置. 此示例中的列未设置样式.
[/vc_column_text][/vc_column][vc_column宽度=”1/2″][vc_custom_heading text =”第二纵队” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
该行已使用背景颜色和虚线边框进行样式设置. 此示例中的列未设置样式.
[/vc_column_text][/vc_column][/vc_row][VC_ROW CSS =”.vc_custom_1423056439945{填充底部: 35像素 !重要的;}”][vc_column宽度=”1/2″ CSS =”.vc_custom_1423058748145{边框顶部宽度: 1像素 !重要的;右边框宽度: 1像素 !重要的;边框底部宽度: 1像素 !重要的;左边框宽度: 1像素 !重要的;顶部填充: 15像素 !重要的;向右填充: 15像素 !重要的;填充底部: 15像素 !重要的;左填充: 15像素 !重要的;背景颜色: #f7f7f7 !重要的;左边框颜色: #会下降 !重要的;左边框样式: 坚硬的 !重要的;右边框颜色: #会下降 !重要的;右边框样式: 坚硬的 !重要的;边框顶部颜色: #会下降 !重要的;顶部边框样式: 坚硬的 !重要的;边框底部颜色: #会下降 !重要的;边框底部样式: 坚硬的 !重要的;}”][vc_custom_heading text =”第一栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
有 2 该行中的列,每一列的样式都与其他列分开. 还可以结合行和列样式来创建真正独特的设计.
[/vc_column_text][/vc_column][vc_column宽度=”1/2″ CSS =”.vc_custom_1423058737165{边框顶部宽度: 1像素 !重要的;右边框宽度: 1像素 !重要的;边框底部宽度: 1像素 !重要的;左边框宽度: 1像素 !重要的;顶部填充: 15像素 !重要的;向右填充: 15像素 !重要的;填充底部: 15像素 !重要的;左填充: 15像素 !重要的;背景颜色: #f7f7f7 !重要的;左边框颜色: #会下降 !重要的;左边框样式: 坚硬的 !重要的;右边框颜色: #会下降 !重要的;右边框样式: 坚硬的 !重要的;边框顶部颜色: #会下降 !重要的;顶部边框样式: 坚硬的 !重要的;边框底部颜色: #会下降 !重要的;边框底部样式: 坚硬的 !重要的;}”][vc_custom_heading text =”第二纵队” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
有 2 该行中的列,每一列的样式都与其他列分开. 还可以结合行和列样式来创建真正独特的设计.
[/vc_column_text][/vc_column][/vc_row][vc_row full_width =”strect_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”全宽行” font_container =”标签:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” CSS =”.vc_custom_1437477651123{填充底部: 15像素 !重要的;}”][vc_column_text]
基于行原理和内容控制的全宽部分. 将内容设置为固定宽度或全宽以及行背景.
[/vc_column_text][/vc_column][/vc_row][vc_row full_width =”strect_row” CSS =”.vc_custom_1423057236863{顶部填充: 35像素 !重要的;填充底部: 35像素 !重要的;背景颜色: #f7f7f7 !重要的;}”][vc_column宽度=”1/2″][vc_custom_heading text =”第一栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这一行被拉伸了, 但列仍然是固定的. 如果您想使用全角背景颜色或图像,此类布局会派上用场, 但同时让文本居中.
[/vc_column_text][/vc_column][vc_column宽度=”1/2″][vc_custom_heading text =”第二纵队” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这一行被拉伸了, 但列仍然是固定的. 如果您想使用全角背景颜色或图像,此类布局会派上用场, 但同时让文本居中.
[/vc_column_text][/vc_column][/vc_row][vc_row full_width =”拉伸行内容” CSS =”.vc_custom_1423057310324{顶部填充: 35像素 !重要的;填充底部: 35像素 !重要的;背景颜色: #f7f7f7 !重要的;}”][vc_column宽度=”1/2″][vc_custom_heading text =”第一栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是带有拉伸内容的拉伸行. 默认情况下有 15 行左侧和右侧的像素填充, 但可以通过选择轻松删除 “拉伸行和内容,不带空格”.
[/vc_column_text][/vc_column][vc_column宽度=”1/2″][vc_custom_heading text =”第二纵队” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是带有拉伸内容的拉伸行. 默认情况下有 15 行左侧和右侧的像素填充, 但可以通过选择轻松删除 “拉伸行和内容,不带空格”.
[/vc_column_text][/vc_column][/vc_row][vc_row full_width =”strect_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”响应式行和列” font_container =”标签:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” CSS =”.vc_custom_1437477660482{填充底部: 15像素 !重要的;}”][vc_column_text]
所有行和列均完全响应,这意味着您的 WordPress 网站适合移动设备. 通过易于使用的响应工具,您可以控制列在不同类型设备上的行为方式,甚至隐藏它们.
[/vc_column_text][/vc_column][/vc_row][VC_ROW CSS =”.vc_custom_1422959791599{填充底部: 35像素 !重要的;}”][vc_列偏移=”vc_col-lg-6 vc_col-md-6 vc_col-xs-12″][vc_custom_heading text =”第一个响应栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 2 等列, 但如果您在移动屏幕尺寸上查看此布局,您将只能看到一列, 因为第二列在移动视图上被禁用. 此外 – 可见列大小将占用所有可用空间.
[/vc_column_text][/vc_column][vc_column宽度=”1/2″ 偏移量=”vc_hidden-sm vc_hidden-xs”][vc_custom_heading text =”第二个响应栏” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一行 2 相等的列和文本段落左右对齐. 可以拖动列来更改其顺序,如果每列中有大量元素并且您希望交换它们,这会很方便.
[/vc_column_text][/vc_column][/vc_row][vc_row full_width =”strect_row_content_no_spaces”][vc_column][vc_分隔符][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”多行行” font_container =”标签:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” CSS =”.vc_custom_1437477671777{填充底部: 15像素 !重要的;}”][vc_column_text]
即使 Bootstrap 也仅限于 12/12 默认情况下的列原则 Visual Composer 允许通过将列放置在一行中的多行中来创建超出它的布局.
[/vc_column_text][/vc_column][/vc_row][VC_ROW CSS =”.vc_custom_1422959791599{填充底部: 35像素 !重要的;}”][vc_column宽度=”1/2″][vc_custom_heading text =”第一栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
该行包含 3 列 – 当第一次 2 列显示在一行中 第三列放置在下一行.
[/vc_column_text][/vc_column][vc_column宽度=”1/2″][vc_custom_heading text =”第二纵队” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
该行包含 3 列 – 当第一次 2 列显示在一行中 第三列放置在下一行.
[/vc_column_text][/vc_column][vc_column][vc_custom_heading text =”第三栏” font_container =”标签:小时5|字体大小:18|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
该行包含 3 列 – 当第一次 2 列显示在一行中 第三列放置在下一行.
[/vc_column_text][/vc_column][/vc_row][vc_row full_width =”strect_row” 视差=”内容移动淡入淡出” 视差图像=”23″ CSS =”.vc_custom_1435763671423{底部: 0像素 !重要的;顶部填充: 35像素 !重要的;填充底部: 45像素 !重要的;}”][vc_column][vc_custom_heading text =”带背景的视差行” font_container =”标签:小时3|字体大小:38|文本对齐:中心|颜色:%23噗噗噗|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” CSS =”.vc_custom_1437477677558{填充底部: 15像素 !重要的;}”][vc_column_text]
带背景的视差行允许创建具有视差效果的时尚网站布局,以吸引客户的注意力并确保您的网站遵循最新的设计标准. 视差效果和设计选项的结合允许创建具有多个背景级别的高级视差.
[/vc_column_text][/vc_column][/vc_row][vc_row full_width =”strect_row” 视频背景=”是的” video_bg_parallax=”内容移动” CSS =”.vc_custom_1435763664790{底部: 0像素 !重要的;顶部填充: 135像素 !重要的;填充底部: 145像素 !重要的;}”][vc_column][vc_custom_heading text =”视差行视频背景” font_container =”标签:小时3|字体大小:38|文本对齐:中心|颜色:%23噗噗噗|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” CSS =”.vc_custom_1437477684828{填充底部: 15像素 !重要的;}”][vc_column_text]
美丽的视频背景效果可以在 YouTube 视频的帮助下吸引访客的注意力. 将视频背景与视差效果相结合的选项允许创建获奖网站.
[/vc_column_text][/vc_column][/vc_row][vc_row full_width =”strect_row” 完整高度=”是的” 视差=”内容移动” 视差图像=”23″][vc_column][vc_custom_heading text =”全高行” font_container =”标签:小时3|字体大小:38|文本对齐:中心|颜色:%23噗噗噗|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” CSS =”.vc_custom_1437477691161{填充底部: 15像素 !重要的;}”][vc_column_text]
全高部分行是创建单页 WordPress 网站和登陆页面的完美布局. 当您想要显示号召性用语类型块并将潜在客户的注意力集中在特定细节时,全高是一个很好的解决方案.
[/vc_column_text][VC_BTN标题=”启动我的演示网站” 样式=”平坦的” 颜色=”多汁粉红色” 大小=”LG” 对齐=”中心” 链接=”||” EL_CLASS =”vcd_start”][/vc_column][/vc_row][vc_row][vc_column][vc_custom_heading text =”内行和内列” font_container =”标签:小时3|字体大小:38|文本对齐:中心|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常” CSS =”.vc_custom_1437477697742{填充底部: 15像素 !重要的;}”][vc_column_text]
为了创建高级布局,Visual Composer 引入了内部行和列元素,这意味着您可以将行插入行. 通过应用设计选项工具,内部行和列的样式可以与常规行和列相同.
[/vc_column_text][/vc_column][/vc_row][VC_ROW CSS =”.vc_custom_1423059422056{填充底部: 35像素 !重要的;背景颜色: #f7f7f7 !重要的;}”][vc_column宽度=”1/2″][vc_custom_heading text =”第一栏” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一个常规行 2 相等的列,但左列包含内部行元素.
[/vc_column_text][vc_row_inner css=”.vc_custom_1423060092997{顶部边距: 5像素 !重要的;右边距: 5像素 !重要的;底部: 5像素 !重要的;左边距: 5像素 !重要的;填充底部: 15像素 !重要的;背景颜色: #埃德德 !重要的;}”][vc_column_inner][vc_custom_heading text =”内排” font_container =”标签:小时5|字体大小:18|文本对齐:左边|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
此内容放置在内行中,以实现更高级的样式.
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][vc_column宽度=”1/2″][vc_custom_heading text =”第二纵队” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
这是一个常规行 2 相同的列,但两列都包含内部行元素.
[/vc_column_text][vc_row_inner css=”.vc_custom_1423060101952{顶部边距: 5像素 !重要的;右边距: 5像素 !重要的;底部: 5像素 !重要的;左边距: 5像素 !重要的;填充底部: 15像素 !重要的;背景颜色: #埃德德 !重要的;}”][vc_column_inner][vc_custom_heading text =”内排” font_container =”标签:小时5|字体大小:18|文本对齐:正确的|颜色:%233a3a3a|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text]
此内容放置在内行中,以实现更高级的样式.
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width =”strect_row” 视差=”内容移动” CSS =”.VC_CUSTOM_1430230577382{底部: -1像素 !重要的;顶部填充: 35像素 !重要的;填充底部: 45像素 !重要的;背景图: 网址(http://vcpreview.com/80e7cd25e63ecf743e404978/wp-content/uploads/sites/23273/2015/01/background_flat.png?编号=23) !重要的;背景位置: 中心;背景重复: 不重复;背景大小:覆盖;}”][vc_column][vc_custom_heading text =”想要更多?” font_container =”标签:小时4|字体大小:38|文本对齐:中心|颜色:%23噗噗噗|行高:1.2″ Google_fonts =”font_family:Lato:100,100斜体,300,300斜体,regular,italic,700,700斜体,900,900斜体|字体样式:400%20常规:400:正常”][vc_column_text css =”.vc_custom_1430235385941{底部: 15像素 !重要的;}”]
你为什么不自己测试? 您只需单击个人演示,这使您可以访问元素,并查看与Visual Composer Page Builder一起使用WordPress有多容易.
[/vc_column_text][VC_BTN标题=”启动我的演示网站” 样式=”平坦的” 颜色=”多汁粉红色” 大小=”LG” 对齐=”中心” 链接=”||” EL_CLASS =”vcd_start”][/vc_column][/vc_row]