01 | Bootstrap使用入門
Bootstrap做一個簡單的頁面佈局 在正式去改專案程式碼之前,我們先做一個靜態頁面,根據我們之前的設計。這也是正式開發中常見的流程——有前端組/部門來做靜態頁面,後端來套頁面。
介紹 我們先來了解下Bootstrap是什麼。Bootstrap發展到現在,已經不能夠用css框架來概括了,因為它提供了很多除了頁面佈局之外的功能,封裝好了很多常用的互動的元件。因此這個框架中除了有css之外,還有javascript程式碼。這些都是我們開發是會用到的。
Bootstrap之所以能夠流行起來,最大的原因還是它的易用性和美觀,雖然不如專門的業務定製來的更好,但對於沒有設計師團隊資源的人來說,已經比自己畫的頁面好看很多了。
我們先看下這個框架能夠提供給我們什麼功能,從大的分類上來說包含以下幾個:
頁面腳手架 —— 比如:樣式重置、瀏覽器相容、格柵系統、兩個簡單的佈局 基礎的css樣式 —— 比如:程式碼高亮、排版、表單、表格和一些小的樣式效果 元件 —— 提供了很多常用元件,如:tab、pill、導航、彈窗、頂部欄等 javascript外掛 —— 主要是一些動態的功能,比如下拉選單、模態窗、進度條等 佈局和格柵系統 佈局和格柵系統需要單獨拿出來說,我們大部分需要用到的就是兩個配置/樣式。
佈局我們可以
簡單的頁面佈局 有了一個大概的瞭解之後,我們來實踐一下,
參考 http://v3.bootcss.com/ https://getbootstrap.com/ http://www.bootcdn.cn/bootstrap/ https://zh.wikipedia.org/wiki/SHA%E5%AE%B6%E6%97%8F https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_settings_attributes https://developer.mozilla.org/zh-CN/docs/Web/Security/%E5%AD%90%E8%B5%84%E6%BA%90%E5%AE%8C%E6%95%B4%E6%80%A7#%E5%9C%A8_script_%E6%A0%87%E7%AD%BE%E4%B8%AD%E5%A2%9E%E5%8A%A0_SRI
相關文章
- Bootstrap基礎入門boot
- 01_spark入門Spark
- 01. vim入門
- 01_RTOS入門
- Servlet-01-入門Servlet
- BootStrap基礎入門概述總結boot
- day01-Redis入門Redis
- 【Linux】運維入門 -01Linux運維
- 01_與bootstrap的初次邂逅boot
- 機器學習01-入門機器學習
- vue 基礎入門筆記 01Vue筆記
- WPF 入門筆記 - 01 - 入門基礎以及常用佈局筆記
- Bootstrap++:bootstrap-select 使用boot
- day01-Mybatis介紹與入門MyBatis
- Go語言快速入門筆記01Go筆記
- 優於 swagger 的 java markdown 文件自動生成框架-01-入門使用SwaggerJava框架
- 自動生成 java 測試 mock 物件框架 DataFactory-01-入門使用教程JavaMock物件框架
- 高可用之限流-01-入門介紹
- MyBatis研習錄(01)——MyBatis概述與入門MyBatis
- 《MySQL 入門教程》第 01 篇 MySQL 簡介MySql
- 01-Spring Security框架學習--入門(二)Spring框架
- Spring Boot GraphQL 實戰 01_快速入門Spring Boot
- Android入門教程 | RecyclerView使用入門AndroidView
- Flask快速入門day 01(flask介紹、快速使用、配置檔案、路由系統)Flask路由
- 51微控制器入門:LED燈控制(01)
- 持續整合平臺 01 jenkins 入門介紹Jenkins
- linux Shell 命令列-01-intro 入門介紹Linux命令列
- DataWhale打卡Day01--推薦系統入門
- 【計理01組04號】JDK基礎入門JDK
- Zookeeper入門學習--01介紹及安裝
- 0001_01_Java程式入門_詳細筆記Java筆記
- Spring Boot -01- 快速入門篇(圖文教程)Spring Boot
- Redis 入門使用Redis
- valgrind使用入門
- JNA使用入門
- appuploader 入門使用APP
- Jetty使用入門Jetty
- CentOS使用入門CentOS