九华遥
2016-06-15 20:25
我的代码该闭合的闭合了,。。代码也没啥错,为嘛一进网页就是(附图1)这样子的。。然后点其他标签页再点回来就正常了,咋回事儿啊= =
从第二个开始这种<div class="tab-pane active" ...>中active都要去掉
<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的网页开发
187668 学习 · 734 问题
相似问题