额。。我标签页不正常

来源:3-9 标签页制作

九华遥

2016-06-15 20:25

我的代码该闭合的闭合了,。。代码也没啥错,为嘛一进网页就是(附图1)这样子的。。然后点其他标签页再点回来就正常了,咋回事儿啊= = http://img.mukewang.com/5761491b000188df15310715.jpg

写回答 关注

2回答

  • 耿直小白
    2017-04-07 15:50:32

    从第二个开始这种<div class="tab-pane active" ...>中active都要去掉

  • 九华遥
    2016-06-15 20:26:13

    <div class="tab-content">

      <div class="tab-pane active" id="tab-xxdj">

         <div class="row feature">

            <div class="col-md-7">

              <h2 class="feature-heading">休闲度假 <span class="text-muted">较轻松的休闲方式</span></h2>

              <p class="lead">休闲旅游在旅游的同时,还能让心灵得到放松。地方可以是一个小村庄,也可以是一个海岛,只要你是带着放松的心情旅游的,就是休闲。任性!</p>

            </div>

            <div class="col-md-5">

              <img class="feature-image img-responsive img-circle" src="images/XI/xxdj.jpg" alt="Xxdj">

            </div>

          </div>

      </div>

      <div class="tab-pane active" id="tab-hbhd">

         <div class="row feature">

             <div class="col-md-5">

                 <img class="feature-image img-responsive img-circle" src="images/XI/hbhd.jpg" alt="Hbhd">

             </div>

             <div class="col-md-7">

                 <h2 class="feature-heading">海滨海岛 <span class="text-muted">多出去晒晒太阳,探探险。</span></h2>

                 <p class="lead">海滨一般位于陆地与大海之间的前沿线,而海岛则是被海水环绕的小片陆地。各有各的特点,却又汲美于一身,有着说不清道不明的一致美,趁着这个悠闲时光,去海洋冲浪吧。</p>

             </div>

         </div>

      </div>

      <div class="tab-pane active" id="tab-msss">

         <div class="row feature">

             <div class="col-md-7">

                 <h2 class="feature-heading">名山胜水 <span class="text-muted">也许你应该休息一下了伙计。</span></h2>

                 <p class="lead">看腻了那些澎湃的海洋?也看烦了红灯绿酒?那你应该来这些地方走走,应该能让你疲惫的审美观有着焕然一新的感受。</p>

             </div>

             <div class="col-md-5">

                 <img class="feature-image img-responsive img-circle" src="images/XI/msss.jpg" alt="Msss">

             </div>

         </div>

      </div>

      <div class="tab-pane active" id="tab-msgj">

         <div class="row feature">

              <div class="col-md-5">

                   <img class="feature-image img-responsive img-circle" src="images/XI/msgj.jpg" alt="Msgj">

              </div>

              <div class="col-md-7">

                   <h2 class="feature-heading">名胜古迹 <span class="text-muted">你应该知道的一些历史古物。</span></h2>

                   <p class="lead">从宇宙大爆炸,到进化生命体,从侏罗纪到现在的信息大爆炸,各国各地都发生了许多让人匪夷所思建筑的奇迹,我们想你应该会感兴趣的。</p>

              </div>

         </div>

      </div>

      <div class="tab-pane active" id="tab-zmsm">

         <div class="row feature">

               <div class="col-md-7">

                   <h2 class="feature-heading">宗庙寺庙 <span class="text-muted">最近倒了大霉?拜神明去去邪吧!</span></h2>

                   <p class="lead">这里的每座寺庙都是历史悠久,且闻名于天下,也是各地人的信仰寄居处,感觉还不错?那好,来膜拜一个能让世界变得更好的宗教吧。</p>

               </div>

               <div class="col-md-5">

                   <img class="feature-image img-responsive img-circle" src="images/XI/zmsm.jpg" alt="Zmsm">

               </div>

         </div>

      </div>

      <div class="tab-pane active" id="tab-gmjnd">

         <div class="row feature">

               <div class="col-md-5">

                  <img class="feature-image img-responsive img-circle" src="images/XI/gmjnd.jpg" alt="Gmjnd">

               </div>

               <div class="col-md-7">

                  <h2 class="feature-heading">革命纪念地 <span class="text-muted">有些事情你需要了解。</span></h2>

                  <p class="lead">这里有着了许多先烈大人物们对如今社会做的巨大贡献,这次旅行也许不一定是物质享受,但是精神是饱满的,感受也会是充实的。</p>

               </div>

         </div>

      </div>

     </div>




基于bootstrap的网页开发

Bootstrap框架的基础教程,学会用Bootstrap前端框架搭建网页

187668 学习 · 734 问题

查看课程

相似问题