摘要:一是全球最受歡迎的前端組件庫,用于開發響應式布局移動設備優先的項目。是開源免費的,設計人員可以方便的從網上下載最新的版本。源碼里包含預先編譯的和圖標字體文件以及和文檔的源碼。二學完的一些通用工具的記錄邊框的設置添加邊框屬性,顯示指定邊框。
一、Bootstarp
Bootstrap 是全球最受歡迎的前端組件庫,用于開發響應式布局、移動設備優先的 WEB 項目。可以讓你快速的排版,不用在寫那些繁雜的樣式。Bootstrap是開源免費的,設計人員可以方便的從網上下載最新的版本。Bootstrap 源碼里包含預先編譯的CSS、JavaScript 和圖標字體文件以及LESS、JavaScript 和文檔的源碼。
二、學完Bootstarp4的一些通用工具的記錄1.邊框的設置
添加邊框屬性,顯示指定邊框。
(注意看邊框的效果時需要加上內容)
效果圖如下:
這是內容 這是內容 這是內容 這是內容 這是內容 這是內容(設置邊框的顏色) ("border-primary"是邊框的顏色) 使用.rounded元素可以輕松的定義四個圓角的孤度及顯示效果。
2.顏色設置
效果圖如下:
代碼如下:
.text-primary
淺藍色.text-secondary
黑色.text-success
綠色.text-danger
紅色.text-warning
黃色.text-info
深藍色 不一一列舉
使用顏色樣式,在鏈接上也能正常使用(呈現), 注意:e .text-white 、 .text-muted這兩個 class樣式不支持鏈接上使用(沒有鏈接樣式)。
三、網格系統<1>.Bootstrap 4 網格系統有以下 5 個類:
col- 針對所有設備
col-sm- 平板 - 屏幕寬度等于或大于 576px
col-md- 桌面顯示器 - 屏幕寬度等于或大于 768px
col-lg- 大桌面顯示器 - 屏幕寬度等于或大于 992px
col-xl- 超大桌面顯示器 - 屏幕寬度等于或大于 1200px
<2>.基本的樣式
效果圖如下
代碼如下
(container-fluid"是控制網頁內容和body的留白).first.second.third
以上只是Bootstarp中的一點點,還有很多。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/113566.html
摘要:一是全球最受歡迎的前端組件庫,用于開發響應式布局移動設備優先的項目。是開源免費的,設計人員可以方便的從網上下載最新的版本。源碼里包含預先編譯的和圖標字體文件以及和文檔的源碼。二學完的一些通用工具的記錄邊框的設置添加邊框屬性,顯示指定邊框。 一、Bootstarp Bootstrap 是全球最受歡迎的前端組件庫,用于開發響應式布局、移動設備優先的 WEB 項目。可以讓你快速的排版,不用...
摘要:學習的源代碼的好處自然不少。閱讀源代碼可以幫你實現你的好奇心。本文會推薦一些的源代碼分析文章,可以幫助更快的,更加全方位的理解研讀之。 盡管有Hapi,Koa等有力的競爭者,express.js依然是非常流行的nodejs web服務器框架,畢竟它早于2007年就已經在開發了。 學習expressjs的源代碼的好處自然不少。 它可以幫你深刻理解HTTP協議,這個協議是做前端后端都必然需...
摘要:對于第二種存儲方式,我們前端需要將其二進制流交由對象處理,然后通過的生成臨時賦值給屬性來顯示。當后端返回特定的圖片二進制流的時候,就像我第一里的情景再現說的,前端用容器接收。 前言 作為前端工程師 de 我們,日常少不了會跟圖片打交道。在各大電商平臺工作的前端工程師們,感受可能會更加的明顯。 以下是我之前跟圖片打交道踩到的坑,跟大家分享一下經驗。 一、情景再現 用postman請求接口...
摘要:對于第二種存儲方式,我們前端需要將其二進制流交由對象處理,然后通過的生成臨時賦值給屬性來顯示。當后端返回特定的圖片二進制流的時候,就像我第一里的情景再現說的,前端用容器接收。 前言 作為前端工程師 de 我們,日常少不了會跟圖片打交道。在各大電商平臺工作的前端工程師們,感受可能會更加的明顯。 以下是我之前跟圖片打交道踩到的坑,跟大家分享一下經驗。 一、情景再現 用postman請求接口...
閱讀 2085·2023-04-25 19:15
閱讀 2258·2021-11-23 09:51
閱讀 1267·2021-11-17 09:33
閱讀 2169·2021-08-26 14:15
閱讀 2483·2019-08-30 15:54
閱讀 1585·2019-08-30 15:54
閱讀 2172·2019-08-30 12:50
閱讀 1135·2019-08-29 17:08