国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

smartlion / 848人閱讀

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

一、Bootstarp

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

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

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

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

這是內(nèi)容（設(shè)置邊框的顏色）
（"border-primary"是邊框的顏色）
使用.rounded元素可以輕松的定義四個圓角的孤度及顯示效果。
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這兩個 class樣式不支持鏈接上使用（沒有鏈接樣式）。

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

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

col- 針對所有設(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中的一點點，還有很多。

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/52734.html

相關(guān)文章

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

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

    張巨偉 評論0 收藏0

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

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

    huaixiaoz 評論0 收藏0

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

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

    helloworldcoding 評論0 收藏0

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

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

    LiuRhoRamen 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<