基于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)站的支持！

您可能感興趣的文章:

Bootstrap編寫一個兼容主流瀏覽器的受眾巨幕式風格頁面

javascript去掉前后空格的實例
在js中去除空格并不是可以直接使用trim來刪除，它在js中并不像我們想的那么好用，特別像我要刪除前后空格這個trim函數(shù)更不可靠了
2013-11-11
js下載文件并修改文件名
這篇文章主要為大家詳細介紹了js下載文件并修改文件名的代碼，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
js中select選擇器的change事件處理函數(shù)詳解
Js操作Select是很常見的,也是比較實用的,下面這篇文章主要給大家介紹了關于js中select選擇器的change事件處理函數(shù)的相關資料,文中給出了詳細的實例代碼,需要的朋友可以參考下
2023-06-06
layui點擊左側導航欄,實現(xiàn)不刷新整個頁面,只刷新局部的方法
今天小編就為大家分享一篇layui點擊左側導航欄,實現(xiàn)不刷新整個頁面,只刷新局部的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
微信小程序可滑動周日歷組件使用詳解
這篇文章主要為大家詳細介紹了微信小程序可滑動周日歷組件的使用方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-10-10
JS繼承定義與使用方法簡單示例
這篇文章主要介紹了JS繼承定義與使用方法,結合完整實例形式分析了JavaScript繼承的基本定義、用法及操作注意事項,需要的朋友可以參考下
2020-02-02
在線所見即所得HTML編輯器的實現(xiàn)原理淺析
這篇文章主要介紹了在線所見即所得HTML編輯器的實現(xiàn)原理淺析,本文用初始化、打開編輯功能、獲取編輯器的內(nèi)容、增加樣式設置、再進一步等步驟闡述在線編輯器的基本實現(xiàn)原理,需要的朋友可以參考下
2015-04-04
javascript深拷貝的原理與實現(xiàn)方法分析
這篇文章主要介紹了javascript深拷貝的原理與實現(xiàn)方法,簡單分析了值傳遞和引用傳遞的原理與實現(xiàn)方法,并結合實例形式給出了深拷貝的具體實現(xiàn)技巧,需要的朋友可以參考下
2017-04-04
javascript實現(xiàn)緩動動畫效果
這篇文章主要為大家詳細介紹了javascript實現(xiàn)緩動動畫效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
小程序實現(xiàn)簡單的計算器
這篇文章主要為大家詳細介紹了小程序實現(xiàn)簡單的計算器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-07-07