一起艳学Boostrap

来源：互联网发布：魔兽世界mac国服下载编辑：程序博客网时间：2024/04/30 11:44

一起艳学Boostrap

2017-09-04 艳学网

点击上方“艳学网”，申请加群
最新Java技术，第一时间送达！

艳学网福利

前言

这里写图片描述

<!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>响应式布局</title><link href="../bootstrap/css/bootstrap.css" rel="stylesheet"><link href="../bootstrap/css/bootstrap-responsive.css" rel="stylesheet"><!--[if lt IE 9]>      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--></head><body><div class="container">  <h1 class="page-header">响应式布局<small> 使用Bootstrap网格系统布局网页</small></h1>  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nibh est, sagittis sit amet consectetur a, rhoncus dignissim ligula. Curabitur at neque eget quam accumsan vestibulum. Maecenas facilisis tellus quis nisl facilisis eget mollis lectus feugiat. Etiam pharetra mattis ultrices. In ac mi metus, ac pharetra ipsum. Aenean imperdiet sem purus. Suspendisse quis odio eu neque varius posuere. Fusce tincidunt tincidunt arcu non viverra. Vivamus dui eros, rhoncus cursus porta quis, sollicitudin a ante. Aliquam porta euismod sollicitudin.</p>  <div class="row">    <div class="span4">      <h2 class="page-header">区块一</h2>      <p>consectetur adipiscing elit,Lorem ipsum dolor sit amet. Nulla nibh est, sagittis sit amet consectetur a, rhoncus dignissim ligula. Curabitur at neque eget quam accumsan vestibulum. </p>    </div>    <div class="span4">      <h2 class="page-header">区块二</h2>      <p>Lorem ipsum dolor sit amet, quam accumsan vestibulum，consectetur adipiscing elit. Nulla nibh est, sagittis sit amet consectetur a, rhoncus dignissim ligula. Curabitur at neque eget . </p>    </div>    <div class="span4">      <h2 class="page-header">区块三</h2>      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla nibh est, sagittis sit amet consectetur a, rhoncus dignissim ligula. Curabitur at neque eget quam accumsan vestibulum. </p>    </div>  </div>  <div class="row">    <div class="span8">      <h2 class="page-header">主内容</h2>      <p>Lorem ipsum dolor sit amet, quam accumsan vestibulum，consectetur adipiscing elit. Nulla nibh est, sagittis sit amet consectetur a, rhoncus dignissim ligula. Curabitur at neque eget .，consectetur adipiscing elit,Lorem ipsum dolor sit amet. Nulla nibh est, sagittis sit amet consectetur a, rhoncus dignissim ligula. Curabitur at neque eget quam accumsan vestibulum. </p>    </div>    <div class="span4">      <h2 class="page-header">边栏</h2>      <p>Lorem ipsum dolor sit amet, quam accumsan vestibulum，consectetur adipiscing elit. Nulla nibh est, sagittis sit amet consectetur a, rhoncus dignissim ligula. Curabitur at neque eget . </p>    </div>  </div></div><script src="../bootstrap/js/jquery-1.7.2.min.js"></script> <script src="../bootstrap/js/bootstrap.js"></script></body></html>

源码下载

链接：http://pan.baidu.com/s/1hsKi5gw 密码：do05

提示：如没源码下载，可开通vip权限获取源码，也可人工获取复制以下内容
转发至1个Java相关QQ群 + 分享到自己的QQ空间说说，
然后转发后截图，将截图发至：QQ邮箱490647751@qq.com。

全CSDN的丰（好）色（se）博客，这里有书本看不到的Java技术，电影院禁播的电影，欢迎关注QQ群494808400。

阅读全文

0 0