我的學習之路 bootstrap

2021-08-03 18:45:41 字數 1127 閱讀 5353

bootstrap

內建了html,css,js外掛程式為一體的前端框架

響應式布局:

設計一套頁面就可以使用於很多現實裝置

bootstrap:

1.入門(響應式布局的容器)

1.先進入jquery的js

2.再引入bootstrap的js

3.引入bootstrap的css檔案

4.設定視口(支援移動裝置優先)

5.頁面建立乙個布局容器

(不流動)

(流動)

了解:css的**查詢

預設情況  有個設定的閾值**螢幕解析度分為幾個區間

解析度:

螢幕大小

解析度》1200px

大螢幕1200px>解析度》992px

中等的螢幕

992px>解析度》768px

小螢幕768px>解析度

超小螢幕

柵格系統: 根據螢幕解析度的大小而頁面做出不同的顯示效果

一行會被平均分成12份,如果多與12份另起一行

解析度:

螢幕大小

樣式例如

解析度》1200px

大螢幕col-lg-n  col-lg-1

1200px>解析度》992px

中等的螢幕

col-md-n  col-md-2

992px>解析度》768px

小螢幕col-sm-n  col-sm-4

768px>解析度

超小螢幕

col-xs-n  col-xs-6

還提供隱藏元素div樣式

hidden-xs  (超小屏隱藏)  

hidden-sm  (小屏隱藏)

hidden-md  (中等屏隱藏)

hidden-lg  (大屏下隱藏)

bootstrap組成:

全域性的css樣式:設定全域性css樣式;基本的html元素均可以通過class設定並增強效果,還有先進的柵格系統.

元件:js外掛程式

class="btn btn-primary     超連結按鈕框

img-circle  樣式

pull-left   靠左

pull-right  靠右

導航條背景換色

我的學習之路

發信人 franky hoho 信區 cie 標 題 二 我的學習之路 發信站 荔園晨風bbs站 2005年12月27日18 30 07 星期二 站內信件 二 我的學習之路 1,暑假 為了能夠實現 dsp,學習c,這是今年七月份的事情,那時我的c基礎為0,我完 全不知道程式是什麼。那時什麼都想,我周...

我的MBD學習之路

mbd即為model based design 基於模型的設計。國內的汽車行業使用matlab simulink早已經不是什麼新鮮事兒了,我還在讀研的時候大家已經普遍的開始使用matlab simulink來做數學模型開發 資料處理分析以及演算法理論 在學校做專案的時候,那時候是用ti的dsp 24...

我的Tensorflow學習之路

最近兩年深度學習真的是火的不要不要的,關於深度學習,每個人都有自己的看法。有人說就是煉丹,得個準確率召回率什麼的,拿到實際中,問問為什麼,都答不上來。各種連 都沒寫過的人,也紛紛表示這東西就是小孩堆積木,然後整個大功耗的伺服器跑上幾天,調調引數。然後每個實驗室招生,都說自己是做什麼深度學習,機器 學...