Bootstrap CSS布局之代碼
更新時間：2016年12月17日 09:16:28 作者：github_34514750
這篇文章主要介紹了Bootstrap CSS布局之代碼的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
Bootstrap對代碼顯示提供了三種方式：內(nèi)聯(lián)代碼
1.使用 元素顯示單行內(nèi)聯(lián)代碼
內(nèi)聯(lián)代碼主要是設(shè)置code元素的背景顏色和其內(nèi)部的文字顏色。
//用法
<code><body></body></code>
//源碼
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
2.使用 元素顯示用戶輸入代碼
元素包含的內(nèi)容是表示該內(nèi)容需要用戶鍵盤輸入，所以一般是設(shè)置成input 的效果，用法和code類似
//用法 <pre> <article> <h1>Article Heading</h1> </article> </pre>
//源碼
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
3.使用
元素新生多行代碼塊，代碼需要被顯示為一個獨立的塊元素或者代碼有多行，那么您應(yīng)該使用 標簽。
//用法 <pre> <article> <h1>Article Heading</h1> </article> </pre>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
利用JavaScript實現(xiàn)繪制2023新年煙花的示例代碼
大家過年好！新春佳節(jié)，在這個充滿喜悅的日子里，愿新年的鐘聲帶給你一份希望和期待。在這喜慶的日子里，小編和大家分享一個煙花代碼，希望大家能夠喜歡2023-01-01
這篇文章主要介紹了Bootstrap fileinput組件封裝及使用的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
這篇文章主要介紹了JS實現(xiàn)霓虹燈文字效果的方法,涉及javascript遍歷字符串及頁面樣式的動態(tài)操作技巧,效果非常炫目華麗,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了JS簡單實現(xiàn)數(shù)組去重的方法,結(jié)合具體實例形式分析了javascript數(shù)組遍歷、判斷實現(xiàn)去重復(fù)的相關(guān)操作技巧與注意事項,需要的朋友可以參考下2017-10-10
js設(shè)置document.domain實現(xiàn)跨域的注意點分析
這篇文章主要介紹了js設(shè)置document.domain實現(xiàn)跨域的注意點,較為詳細的分析了document.domain跨域的相關(guān)技巧,需要的朋友可以參考下2015-05-05
JavaScript中通過提示框跳轉(zhuǎn)頁面的方法
這篇文章主要介紹了JavaScript中通過提示框跳轉(zhuǎn)頁面的方法的相關(guān)資料,需要的朋友可以參考下2016-02-02
JS動態(tài)添加Table的TR，TD實現(xiàn)方法
這篇文章主要介紹了JS動態(tài)添加Table的TR，TD實現(xiàn)方法,涉及js針對Table中TR、TD節(jié)點的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
event是ie自帶的一個對象，而ff中不存在該對象，只能通過傳遞參數(shù)的方式來模擬event，：（2009-09-09
這篇文章主要給大家介紹了關(guān)于js閉包和垃圾回收機制的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-03-03
下面小編就為大家?guī)硪黄狫avascript字符串拼接小技巧(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06