課程
/前端開發
/Bootstrap
/基于bootstrap的網頁開發
我的代碼該閉合的閉合了,。。代碼也沒啥錯,為嘛一進網頁就是(附圖1)這樣子的。。然后點其他標簽頁再點回來就正常了,咋回事兒啊= =?
2016-06-15
源自:基于bootstrap的網頁開發 3-9
正在回答
從第二個開始這種<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 class="tab-pane active" id="tab-hbhd">
? ? ? ? ?<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 class="tab-pane active" id="tab-msss">
? ? ? ? ? ? ?<h2 class="feature-heading">名山勝水 <span class="text-muted">也許你應該休息一下了伙計。</span></h2>
? ? ? ? ? ? ?<p class="lead">看膩了那些澎湃的海洋?也看煩了紅燈綠酒?那你應該來這些地方走走,應該能讓你疲憊的審美觀有著煥然一新的感受。</p>
? ? ? ? ? ? ?<img class="feature-image img-responsive img-circle" src="images/XI/msss.jpg" alt="Msss">
? <div class="tab-pane active" id="tab-msgj">
? ? ? ? ? <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 class="tab-pane active" id="tab-zmsm">
? ? ? ? ? ?<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 class="tab-pane active" id="tab-gmjnd">
? ? ? ? ? ? ? <img class="feature-image img-responsive img-circle" src="images/XI/gmjnd.jpg" alt="Gmjnd">
? ? ? ? ? ? ? <h2 class="feature-heading">革命紀念地 <span class="text-muted">有些事情你需要了解。</span></h2>
? ? ? ? ? ? ? <p class="lead">這里有著了許多先烈大人物們對如今社會做的巨大貢獻,這次旅行也許不一定是物質享受,但是精神是飽滿的,感受也會是充實的。</p>
?</div>
舉報
Bootstrap框架的基礎教程,學會用Bootstrap前端框架搭建網頁
1 回答標簽頁的圖片
1 回答標簽頁的自適應
1 回答標簽頁的圖片問題
1 回答點擊彈出框的a標簽異常
2 回答雖然能跳轉到相應的標簽頁 但是tab標簽那里還是不會跳
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-04-07
從第二個開始這種<div class="tab-pane active" ...>中active都要去掉
2016-06-15
<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>