<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link rel="stylesheet" href="css/bootstrap.css" />
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
<script type="text/javascript" src="js/bootstrap.js" ></script>
</head>
<body>
<nav class="navbar navbar-default header navbar-inverse">
          <div class="container">
        <div class="navbar-header">
        <a href="#" class="navbar-brand">
        LOGO
        </a>
        </div>
       
        <ul class="nav navbar-nav header-nav">
        <li><a href="#">首页</a></li>
        <li><a href="#">成功案例</a></li>
        <li>
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
        康复中心<span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
<li class="active">
<a href="#">门诊部</a>
</li>
<li>
<a href="#">运动部</a>
</li>
                    <li>
<a href="#">手脚部</a>
</li>
</ul>
        </li>
        <li><a href="#">联系我们</a></li>
        </ul>
        <form action="" class="navbar-form navbar-right"> 
        <div class="input-group">

                   <input type="text" class="form-control" placeholder="请输入关键词"> <span class="input-group-btn">

                   <button type="submit" class="btn btn-primary">搜索</button> </span>
                </div>

            </form>
          </div>
       
        </nav>
        
        <div class="container">
        <div class="row">
        <div class="col-md-4">
        <img src="img/1.jpg" class="img-thumbnail"/>
        <h4 class="text-muted">美丽的丽江</h4>
               <p>丽江古城内的街道依山傍水修建，以红色角砾岩铺就，有四方街、木府、五凤楼等景点。 [2]  丽江为第二批被批准的中国历史文化名城之一，是中国以整座古城申报世界文化遗产获得成功的两座古城之一。</p>
               <p>
                <a href="#" class="btn btn-primary">了解更多</a>
                <a href="#" class="btn btn-default">游客体验</a>
               </p>
        </div>
        <div class="col-md-4">
        <img src="img/2.jpg" class="img-thumbnail"/>
        <h4 class="text-muted">美丽的大理</h4>
              <p>地处低纬高原，四季温差不大，干湿季分明，以低纬高原季风气候为主，境内以蝴蝶泉、苍山、洱海、大理古城、崇圣寺三塔等景点最有代表性。是中国西南边疆开发较早的地区之一。</p>
               <p>
                <a href="#" class="btn btn-primary">了解更多</a>
                <a href="#" class="btn btn-default">游客体验</a>
               </p>
        </div>
        <div class="col-md-4">
        <img src="img/3.jpg" class="img-thumbnail"/>
        <h4 class="text-muted">美丽的三亚</h4>
               <p>三亚是具有热带海滨风景特色的国际旅游城市 [4]  ，又被称为“东方夏威夷”。 [5]  2016年6月14日，中国科学院对外发布《中国宜居城市研究报告》，三亚宜居指数在全国40个城市中位居第三。</p>
           <p>
                <a href="#" class="btn btn-primary">了解更多</a>
                <a href="#" class="btn btn-default">游客体验</a>
               </p>
        </div>
        
        </div>
        </div>
        
       <div class="container">
         <h3 class="text-primary">
          价格详情
          <i class="glyphicon glyphicon-certificate text-primary"></i>
         </h3>
        <form>
        <table class="table table-bordered">
            <tr>
            <td class="text-center">地点</td>
            <td class="text-center">人数</td>
            <td class="text-center">团购价格</td>
            <td class="text-center">自由行</td>
            <td class="text-center">自由行价格</td>
            </tr>
           <tr>
            <td class="text-center">丽江</td>
            <td class="text-center">5-10人</td>
            <td class="text-center">200元/位</td>
            <td class="text-center">1-2人</td>
            <td class="text-center">300元/位</td>
            </tr>
           <tr>
            <td class="text-center">丽江</td>
            <td class="text-center">5-10人</td>
            <td class="text-center">200元/位</td>
            <td class="text-center">1-2人</td>
            <td class="text-center">300元/位</td>
            </tr>
           <tr>
            <td class="text-center">丽江</td>
            <td class="text-center">5-10人</td>
            <td class="text-center">200元/位</td>
            <td class="text-center">1-2人</td>
            <td class="text-center">300元/位</td>
            </tr>
           <tr>
            <td class="text-center">丽江</td>
            <td class="text-center">5-10人</td>
            <td class="text-center">200元/位</td>
            <td class="text-center">1-2人</td>
            <td class="text-center">300元/位</td>
            </tr>
           <tr>
            <td class="text-center">丽江</td>
            <td class="text-center">5-10人</td>
            <td class="text-center">200元/位</td>
            <td class="text-center">1-2人</td>
            <td class="text-center">300元/位</td>
           </tr>
            </table>
        </form>
       </div>
</body>
</html>

bootstrap阶段测验【答案】的更多相关文章

  1. bootstrap阶段测验【问题】

  2. day17 阶段测验

    题目 1.找出/proc/meminfo文件中以s开头的行,至少用三种方式忽略大小写 有以下几种方法: [root@localhost ~]# grep -iE "^s" /pro ...

  3. 卡特尔16PF性格测试与答案

    大学生在职业生涯规划时,必须充分注意到自己的性格和职业的适宜性.性格是指一个人在生活中形成的对现实的稳定的态度和行为方式.研究表明,性格影响着一个人的职业取向,由于性格的不同,每个人对工作和职业的态度 ...

  4. spring cloud连载第一篇之bootstrap context

    1. Spring Cloud Context: Application Context Services(应用上下文服务) 1.1 The Bootstrap Application Context ...

  5. swoft| 源码解读系列二: 启动阶段, swoft 都干了些啥?

    date: 2018-8-01 14:22:17title: swoft| 源码解读系列二: 启动阶段, swoft 都干了些啥?description: 阅读 sowft 框架源码, 了解 sowf ...

  6. Web API 2 入门——使用ASP.NET Web API和Angular.js构建单页应用程序（SPA）（谷歌翻译）

    在这篇文章中 概观 演习 概要 由网络营 下载网络营训练包 在传统的Web应用程序中,客户机(浏览器)通过请求页面启动与服务器的通信.然后,服务器处理请求,并将页面的HTML发送给客户端.在与页面的后 ...

  7. 先有Class还是先有Object？

    先有Class还是先有Object? Java的对象模型中: 所有的类都是Class类的实例,Object是类,那么Object也是Class类的一个实例. 所有的类都最终继承自Object类,Cla ...

  8. [转] Swoft HTTP 服务

    转载自Go语言中文网, https://studygolang.com/articles/20667 传统架构 PHP-FPM + Nginx 传统架构中所使用的Nginx + PHP-FPM的模型中 ...

  9. ApacheCN Java 译文集 20211012 更新

    Effective Java 中文第三版 1. 考虑使用静态工厂方法替代构造方法 2. 当构造方法参数过多时使用 builder 模式 3. 使用私有构造方法或枚类实现 Singleton 属性 4. ...

随机推荐

  1. Android.PackageManager

    1. Apk的安装和更新过程是怎样的呢? Ref[1] 2. 在安装.apk程序包时, .so是如何选择并安装的? 这里的选择是指,是如何根据CPU_ABI和CPU_ABI2的值来选择合适的.so的. ...

  2. Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986

    最近在Tomcat上配置一个项目,在点击一个按钮,下载一个文件的时候,老是会报上面的错误.试了很多方法,如对server.xml文件中,增加MaxHttpHeaderSize的大小,改端口,改Tomc ...

  3. eclipse中tomcat调试正确关联源码

    1.build path中jar包关联本地源码 2.tomcat中添加source关联工程lib下的jar包 以上两步即可. 可解决tomcat直接关联本地源码debug时无法计算表达式的情况. 错误 ...

  4. pom.xml如何引入项目jar包

    <dependency> <groupId>com.jacob</groupId> <artifactId>jacob</artifactId&g ...

  5. [ASP.NET]使用Layer简介

    layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 在与同类组件的比较中,layer总是能轻易获胜.她尽可能 ...

  6. transform.forward和vector3.forward

    Vector3.forward的值永远是(0,0,1)(这里的(0,0,1)是世界坐标的(0,0,1)),而transform.forward我们可以理解为其对应物体的z轴方向,是一个向量,而不是一个 ...

  7. codeforces题目合集（持续更新中）

    CF280CCF280CCF280C 期望dp CF364DCF364DCF364D 随机化算法 CF438DCF438DCF438D 线段树 CF948CCF948CCF948C 堆 CF961EC ...

  8. springboot 程序发布到tomcat运行

    springboot 一般使用jar 的方式运行,我们需要将程序放到tomcat环境下运行. 步骤如下: 1.修改pom文件. 排除内置的tomcat <dependency> <g ...

  9. MFC单文档带窗体创建

    我用的vs05.先随便起个名字qwerty. 确定以后在左边最下面有一个生成的类,点击生成的类,把基类改成CFormView 最后点击完成就创建好了. 单文档的窗口不是后来创建后插入的,是在创建后就自 ...

  10. Mysql正常启动之后默认使用的文件

    --basedir=/usr/local/mysql  --datadir=/usr/local/mysql/data  --plugin-dir=/usr/local/mysql/lib/plugi ...