成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

一片關(guān)于Bootstarp4的文章

smartlion / 855人閱讀

摘要：一是全球最受歡迎的前端組件庫，用于開發(fā)響應(yīng)式布局移動(dòng)設(shè)備優(yōu)先的項(xiàng)目。是開源免費(fèi)的，設(shè)計(jì)人員可以方便的從網(wǎng)上下載最新的版本。源碼里包含預(yù)先編譯的和圖標(biāo)字體文件以及和文檔的源碼。二學(xué)完的一些通用工具的記錄邊框的設(shè)置添加邊框?qū)傩裕@示指定邊框。

一、Bootstarp

Bootstrap 是全球最受歡迎的前端組件庫，用于開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目?？梢宰屇憧焖俚呐虐?，不用在寫那些繁雜的樣式。Bootstrap是開源免費(fèi)的，設(shè)計(jì)人員可以方便的從網(wǎng)上下載最新的版本。Bootstrap 源碼里包含預(yù)先編譯的CSS、JavaScript 和圖標(biāo)字體文件以及LESS、JavaScript 和文檔的源碼。

二、學(xué)完Bootstarp4的一些通用工具的記錄 
1.邊框的設(shè)置

添加邊框?qū)傩?，顯示指定邊框。
（注意看邊框的效果時(shí)需要加上內(nèi)容）
效果圖如下：

這是內(nèi)容
這是內(nèi)容
這是內(nèi)容
這是內(nèi)容
這是內(nèi)容

這是內(nèi)容（設(shè)置邊框的顏色）
（"border-primary"是邊框的顏色）
使用.rounded元素可以輕松的定義四個(gè)圓角的孤度及顯示效果。
2.顏色設(shè)置

效果圖如下：

代碼如下：

.text-primary
淺藍(lán)色

.text-secondary
黑色

.text-success
綠色

.text-danger
紅色

.text-warning
黃色

.text-info
深藍(lán)色
不一一列舉

使用顏色樣式，在鏈接上也能正常使用（呈現(xiàn)）， 注意：e .text-white 、 .text-muted這兩個(gè) class樣式不支持鏈接上使用（沒有鏈接樣式）。

三、網(wǎng)格系統(tǒng)

<1>.Bootstrap 4 網(wǎng)格系統(tǒng)有以下 5 個(gè)類:

col- 針對(duì)所有設(shè)備

col-sm- 平板 - 屏幕寬度等于或大于 576px

col-md- 桌面顯示器 - 屏幕寬度等于或大于 768px

col-lg- 大桌面顯示器 - 屏幕寬度等于或大于 992px

col-xl- 超大桌面顯示器 - 屏幕寬度等于或大于 1200px

<2>.基本的樣式
效果圖如下

代碼如下

（container-fluid"是控制網(wǎng)頁內(nèi)容和body的留白）
  

    
.first

    
.second

    
.third

以上只是Bootstarp中的一點(diǎn)點(diǎn)，還有很多。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/52734.html

相關(guān)文章

  • 一片關(guān)于Bootstarp4的文章

    摘要：一是全球最受歡迎的前端組件庫，用于開發(fā)響應(yīng)式布局移動(dòng)設(shè)備優(yōu)先的項(xiàng)目。是開源免費(fèi)的，設(shè)計(jì)人員可以方便的從網(wǎng)上下載最新的版本。源碼里包含預(yù)先編譯的和圖標(biāo)字體文件以及和文檔的源碼。二學(xué)完的一些通用工具的記錄邊框的設(shè)置添加邊框?qū)傩?，顯示指定邊框。 一、Bootstarp Bootstrap 是全球最受歡迎的前端組件庫，用于開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的 WEB 項(xiàng)目?？梢宰屇憧焖俚呐虐?，不用...

    張巨偉 評(píng)論0 收藏0

  • 學(xué)習(xí)express.js源代碼的方法

    摘要：學(xué)習(xí)的源代碼的好處自然不少。閱讀源代碼可以幫你實(shí)現(xiàn)你的好奇心。本文會(huì)推薦一些的源代碼分析文章，可以幫助更快的，更加全方位的理解研讀之。 盡管有Hapi,Koa等有力的競(jìng)爭(zhēng)者，express.js依然是非常流行的nodejs web服務(wù)器框架，畢竟它早于2007年就已經(jīng)在開發(fā)了。 學(xué)習(xí)expressjs的源代碼的好處自然不少。 它可以幫你深刻理解HTTP協(xié)議，這個(gè)協(xié)議是做前端后端都必然需...

    huaixiaoz 評(píng)論0 收藏0

  • 你知道前端對(duì)圖片的處理方式嗎？

    摘要：對(duì)于第二種存儲(chǔ)方式，我們前端需要將其二進(jìn)制流交由對(duì)象處理，然后通過的生成臨時(shí)賦值給屬性來顯示。當(dāng)后端返回特定的圖片二進(jìn)制流的時(shí)候，就像我第一里的情景再現(xiàn)說的，前端用容器接收。 前言 作為前端工程師 de 我們，日常少不了會(huì)跟圖片打交道。在各大電商平臺(tái)工作的前端工程師們，感受可能會(huì)更加的明顯。 以下是我之前跟圖片打交道踩到的坑，跟大家分享一下經(jīng)驗(yàn)。 一、情景再現(xiàn) 用postman請(qǐng)求接口...

    helloworldcoding 評(píng)論0 收藏0

  • 你知道前端對(duì)圖片的處理方式嗎？

    摘要：對(duì)于第二種存儲(chǔ)方式，我們前端需要將其二進(jìn)制流交由對(duì)象處理，然后通過的生成臨時(shí)賦值給屬性來顯示。當(dāng)后端返回特定的圖片二進(jìn)制流的時(shí)候，就像我第一里的情景再現(xiàn)說的，前端用容器接收。 前言 作為前端工程師 de 我們，日常少不了會(huì)跟圖片打交道。在各大電商平臺(tái)工作的前端工程師們，感受可能會(huì)更加的明顯。 以下是我之前跟圖片打交道踩到的坑，跟大家分享一下經(jīng)驗(yàn)。 一、情景再現(xiàn) 用postman請(qǐng)求接口...

    LiuRhoRamen 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<