|
@@ -0,0 +1,291 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html>
|
|
|
+ <head>
|
|
|
+ <meta charset="utf-8">
|
|
|
+ <title></title>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <div id="head"></div>
|
|
|
+ <script>
|
|
|
+ $(function(){
|
|
|
+ $("#head").load("../head.html");
|
|
|
+ })
|
|
|
+
|
|
|
+ </script>
|
|
|
+ <div class="container-fluid">
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span12">
|
|
|
+ <div class="navbar">
|
|
|
+ <div class="navbar-inner">
|
|
|
+ <div class="container-fluid">
|
|
|
+ <a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar collapsed"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></a> <a href="#" class="brand">网站名222</a>
|
|
|
+ <div class="nav-collapse navbar-responsive-collapse in collapse">
|
|
|
+ <ul class="nav">
|
|
|
+ <li class="active">
|
|
|
+ <a href="#">主页</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">链接</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">链接</a>
|
|
|
+ </li>
|
|
|
+ <li class="dropdown">
|
|
|
+ <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li>
|
|
|
+ <a href="#">下拉导航1</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">下拉导航2</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">其他</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider">
|
|
|
+ </li>
|
|
|
+ <li class="nav-header">
|
|
|
+ 标签
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">链接1</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">链接2</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <ul class="nav pull-right">
|
|
|
+ <li>
|
|
|
+ <a href="#">右边链接</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider-vertical">
|
|
|
+ </li>
|
|
|
+ <li class="dropdown">
|
|
|
+ <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li>
|
|
|
+ <a href="#">下拉导航1</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">下拉导航2</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">其他</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider">
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">链接3</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span12">
|
|
|
+ <dl>
|
|
|
+ <dt>
|
|
|
+ Rolex
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ 劳力士创始人为汉斯.威尔斯多夫,1908年他在瑞士将劳力士注册为商标。
|
|
|
+ </dd>
|
|
|
+ <dt>
|
|
|
+ Vacheron Constantin
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ 始创于1775年的江诗丹顿已有250年历史,
|
|
|
+ </dd>
|
|
|
+ <dd>
|
|
|
+ 是世界上历史最悠久、延续时间最长的名表之一。
|
|
|
+ </dd>
|
|
|
+ <dt>
|
|
|
+ IWC
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ 创立于1868年的万国表有“机械表专家”之称。
|
|
|
+ </dd>
|
|
|
+ <dt>
|
|
|
+ Cartier
|
|
|
+ </dt>
|
|
|
+ <dd>
|
|
|
+ 卡地亚拥有150多年历史,是法国珠宝金银首饰的制造名家。
|
|
|
+ </dd>
|
|
|
+ </dl>
|
|
|
+ <h3>
|
|
|
+ h3. 这是一套可视化布局系统.
|
|
|
+ </h3><img alt="140x140" src="img/a.jpg" />
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span12">
|
|
|
+ <form>
|
|
|
+ <fieldset>
|
|
|
+ <legend>表单项</legend> <label>表签名</label><input type="text" /> <span class="help-block">这里填写帮助信息.</span> <label class="checkbox"><input type="checkbox" /> 勾选同意</label> <button type="submit" class="btn">提交</button>
|
|
|
+ </fieldset>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span12">
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span8">
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span6">
|
|
|
+ <div class="btn-group">
|
|
|
+ <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li>
|
|
|
+ <a href="#">操作</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">设置栏目</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">更多设置</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider">
|
|
|
+ </li>
|
|
|
+ <li class="dropdown-submenu">
|
|
|
+ <a tabindex="-1" href="#">更多选项</a>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li>
|
|
|
+ <a href="#">操作</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">设置栏目</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">更多设置</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="span6">
|
|
|
+ <form class="form-search">
|
|
|
+ <input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="span4">
|
|
|
+ <div class="btn-group">
|
|
|
+ <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li>
|
|
|
+ <a href="#">操作</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">设置栏目</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">更多设置</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider">
|
|
|
+ </li>
|
|
|
+ <li class="dropdown-submenu">
|
|
|
+ <a tabindex="-1" href="#">更多选项</a>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li>
|
|
|
+ <a href="#">操作</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">设置栏目</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">更多设置</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="row-fluid">
|
|
|
+ <div class="span4">
|
|
|
+ <div class="btn-group">
|
|
|
+ <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li>
|
|
|
+ <a href="#">操作</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">设置栏目</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">更多设置</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider">
|
|
|
+ </li>
|
|
|
+ <li class="dropdown-submenu">
|
|
|
+ <a tabindex="-1" href="#">更多选项</a>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li>
|
|
|
+ <a href="#">操作</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">设置栏目</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">更多设置</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="span4">
|
|
|
+ <div class="btn-group">
|
|
|
+ <button class="btn">Action</button> <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li>
|
|
|
+ <a href="#">操作</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">设置栏目</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">更多设置</a>
|
|
|
+ </li>
|
|
|
+ <li class="divider">
|
|
|
+ </li>
|
|
|
+ <li class="dropdown-submenu">
|
|
|
+ <a tabindex="-1" href="#">更多选项</a>
|
|
|
+ <ul class="dropdown-menu">
|
|
|
+ <li>
|
|
|
+ <a href="#">操作</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">设置栏目</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="#">更多设置</a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="span4">
|
|
|
+ <form class="form-search">
|
|
|
+ <input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </body>
|
|
|
+</html>
|