基于bootstrap實現(xiàn)bootstrap中文網(wǎng)巨幕效果
更新時間:2017年05月02日 09:21:32 作者:成兮
這篇文章主要介紹了基于bootstrap實現(xiàn)bootstrap中文網(wǎng)巨幕效果,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
效果圖:
實現(xiàn)代碼:
<div class="jumbotron"> <div class="container"> <h1>Bootstrap案例開發(fā)</h1> <h2>簡潔、直觀、強悍的前端開發(fā)框架,讓web開發(fā)更迅速、簡單</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實現(xiàn)bootstrap中文網(wǎng)巨幕效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
您可能感興趣的文章:
相關文章
基于Arcgis for javascript實現(xiàn)百度地圖ABCD marker的效果
本篇文章由腳本之家小編給大家分享的基于Arcgis for javascript實現(xiàn)百度地圖ABCD marker的效果,需要的朋友一起學習吧2015-09-09產(chǎn)制造追溯系統(tǒng)之通過微信小程序?qū)崿F(xiàn)移動端報表平臺
這篇文章主要介紹了產(chǎn)制造追溯系統(tǒng)-通過微信小程序?qū)崿F(xiàn)移動端報表平臺 ,本文圖文并茂給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06PhantomJS快速入門教程(服務器端的 JavaScript API 的 WebKit)
Phantom JS是一個服務器端的 JavaScript API 的 WebKit。其支持各種Web標準: DOM 處理, CSS 選擇器, JSON, Canvas, 和 SVG2015-08-08