效果圖:

實(shí)現(xiàn)代碼:
<div class="jumbotron"> <div class="container"> <h1>Bootstrap案例開(kāi)發(fā)</h1> <h2>簡(jiǎn)潔、直觀、強(qiáng)悍的前端開(kāi)發(fā)框架,讓web開(kāi)發(fā)更迅速、簡(jiǎn)單</h2> <p> <a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="btn btn-primary btn-lg btn-shadow v3a" title="bootstrap中文網(wǎng)巨幕效果" role="button" target="_blank">Bootstrap3中文文檔(v3.3.7)</a> </p> <a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="v2a" rolw="button" target="_blank" title="Bootstrap2中文文檔">Bootstrap2中文文檔(v2.3.7)</a> </div></div>
添加自定義的CSS效果
<style> .jumbotron{style="background-color: rgba(88, 45, 88, 0.84);} .v2a{color: grey; -webkit-transition: all .3s ease-out;} .v2a:hover{color: white;text-decoration: underline;} .v3a{-webkit-transition: all .3s ease-out;} .v3a:hover{text-decoration: underline;}</style>以上所述是小編給大家介紹的基于bootstrap實(shí)現(xiàn)bootstrap中文網(wǎng)巨幕效果,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持!
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注