溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章給大家分享的是有關bootstrap如何實現bootstrap中文網巨幕效果的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。
效果圖：
實現代碼：
<div class="jumbotron"> <div class="container"> <h2>Bootstrap案例開發</h2> <h3>簡潔、直觀、強悍的前端開發框架，讓web開發更迅速、簡單</h3> <p> <a href="javascript:void(0)" rel="external nofollow" rel="external nofollow" class="btn btn-primary btn-lg btn-shadow v3a" title="bootstrap中文網巨幕效果" 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如何實現bootstrap中文網巨幕效果”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
