亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

基于Twitter Bootstrap的響應式設計的流體或固定網格系統

基于Twitter Bootstrap的響應式設計的流體或固定網格系統

守著一只汪 2019-12-07 13:28:40
我對twitter引導網格中的各種選項以及它們如何組合在一起感到困惑。首先,您可以有一個普通的fixed container或一個container-fluid。然后,可以包含一個普通row行或一個流體行row-fluid。也就是說,您可以使用帶有固定排的固定容器,也可以帶有帶有固定排的容器流體...?然后,最重要的是,您可以包括“響應式”媒體查詢,也可以不包括。我對這些東西如何相互作用感到困惑。但是,讓我們從一個明顯的例子開始。在示例頁面本身上,提供了作為固定網格和流體網格的示例的內容但是,在我的瀏覽器中,在示例頁面本身上-兩個網格的行為相同。也許因為示例頁面使用了可選的響應式媒體查詢?在這兩個網格示例中,如果我開始逐漸縮小瀏覽器窗口的范圍,則網格元素不會逐漸變窄-達到某個(響應)邊界寬度后,它們將捕捉為較小的尺寸,然后又變為更遠的邊界寬度。但是,普通的“固定”示例和“流體”示例在這里的行為完全相同-那么到底有什么區別呢?
查看完整描述

3 回答

?
慕神8447489

TA貢獻1780條經驗 獲得超1個贊

有趣的討論。我也在問自己這個問題。固定版和固定版之間的主要區別僅在于,固定版式在網站(視口)的整個版式上具有固定的寬度。如果您有一個960像素寬的視口,則每個列的寬度都是固定的,永遠不會改變。

流體布局的行為有所不同。假設您已將主布局的寬度設置為100%寬度。現在,每列將僅根據其相對大?。?5%)進行計算,并隨著調整瀏覽器的大小而拉伸。因此,根據您的布局目的,您可以選擇布局的行為。


查看完整回答
反對 回復 2019-12-07
  • 3 回答
  • 0 關注
  • 544 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號