基于bootstrap實(shí)現(xiàn)bootstrap中文網(wǎng)巨幕效果
更新時(shí)間：2017年05月02日 09:21:32 作者：成兮
這篇文章主要介紹了基于bootstrap實(shí)現(xiàn)bootstrap中文網(wǎng)巨幕效果,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
效果圖：
實(shí)現(xiàn)代碼：
<div class="jumbotron"> <div class="container"> <h1>Bootstrap案例開發(fā)</h1> <h2>簡潔、直觀、強(qiáng)悍的前端開發(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實(shí)現(xiàn)bootstrap中文網(wǎng)巨幕效果，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)表單驗(yàn)證案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08
這篇文章主要為大家詳細(xì)介紹了js隨機(jī)生成一個(gè)驗(yàn)證碼的具體方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
javascript中Date對(duì)象的使用總結(jié)
本文介紹了Date對(duì)象的使用方法，清晰明了，實(shí)現(xiàn)方法有多種，僅供大家參考，希望對(duì)大家有所幫助，下面就跟小編一起來看看吧2016-11-11
JS運(yùn)動(dòng)特效之完美運(yùn)動(dòng)框架實(shí)例分析
這篇文章主要介紹了JS運(yùn)動(dòng)特效之完美運(yùn)動(dòng)框架,結(jié)合實(shí)例形式分析了javascript針對(duì)運(yùn)動(dòng)中的元素屬性檢測(cè)與判斷相關(guān)操作技巧,需要的朋友可以參考下2018-01-01
基于Arcgis for javascript實(shí)現(xiàn)百度地圖ABCD marker的效果
本篇文章由腳本之家小編給大家分享的基于Arcgis for javascript實(shí)現(xiàn)百度地圖ABCD marker的效果，需要的朋友一起學(xué)習(xí)吧2015-09-09
這篇文章主要給大家介紹了關(guān)于uni-app使用組件的詳細(xì)步驟,文中還介紹了自定義組件的使用方法,本文通過代碼示例介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
這篇文章主要是對(duì)js中arguments的用法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
產(chǎn)制造追溯系統(tǒng)之通過微信小程序?qū)崿F(xiàn)移動(dòng)端報(bào)表平臺(tái)
這篇文章主要介紹了產(chǎn)制造追溯系統(tǒng)-通過微信小程序?qū)崿F(xiàn)移動(dòng)端報(bào)表平臺(tái) ,本文圖文并茂給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-06-06
下面小編就為大家?guī)硪黄猨s自調(diào)用匿名函數(shù)的三種寫法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08
PhantomJS快速入門教程(服務(wù)器端的 JavaScript API 的 WebKit)
Phantom JS是一個(gè)服務(wù)器端的 JavaScript API 的 WebKit。其支持各種Web標(biāo)準(zhǔn)： DOM 處理, CSS 選擇器, JSON, Canvas, 和 SVG2015-08-08