bootstrap的學習
如果網頁裏面有些東西在電腦上可以顯示,放到手機上不想顯示的話。就可以使用這個class名,可以加上這個class名來讓他隱藏掉。
想隱藏部分內容只需要加個class名然後添加屬性就可以。
hidden-xs :只有在手機上隱藏,其它地方不隱藏。
hidden-sm :只有在平板上隱藏,其他地方不隱藏。
bootstrap的學習
相關推薦
bootstrap 學習筆記(1)---介紹bootstrap和柵格系統
優先 cal 圖片 應用 尺寸 文件中 lin png ice 學習前端許久,對於布置框架和響應瀏覽器用html 和javascript 寫的有點繁瑣,無意間看到這個框架,覺得挺好用的就開始學習了,但是這個框架上面有很多知識,不是所有的都要學的,故將學習筆記和覺得重點的
bootstrap 學習筆記(2)---- 排版
-i 排列 分段函數 class 總結 capital src 設置 per 安裝和柵格系統學完,這篇寫的是排版手冊中排版的目錄如下圖 《標題,頁面主題,內聯文本元素,對齊,改變大小寫,縮略語,地址,引用,列表》手冊中介紹那麽多,其實並不是所有的都要去看看。很多都是沒有必
bootstrap 學習筆記(5)---- 圖片和響應式工具
-h thumb ima ble resp 圓角 rim ucc spl (一)響應式圖片: 在 Bootstrap 版本 3 中,通過為圖片添加 .img-responsive 類可以讓圖片支持響應式布局。其實質是為圖片設置了 max-width: 100%;、 heig
Bootstrap學習筆記
學習 回歸 title min-width primary 導航 inf -s 繼承 一、Bootstrap是什麽: Bootstrap是Twitter公司開發的基於HTML,CSS及JavaScript的前端框架; 二、可以做什麽: 開發響應式
bootstrap 學習筆記(大漠 版)
itl spl title mpat you style 包括 boot 技術 這個課程中的boostrap是3.0+版本的。(2.0與3.0有區別) bootstrap中的JS是依賴於jquery的,所以需要事先引用jquery(1.9.0版本以上)。 <!DO
bootstrap學習 ——01
lec 段落 form sele -s 設置高度 con 添加 列表 1、柵格系統 1.柵格類數字表示的意思 .col-xs-12 .col-sm-6 .col-md-8 .col-lg-12 這裏的數字代表在各自對應的屏幕狀態下占據的比例。12為總列數。比如col-s
Bootstrap學習筆記(四)表單input
控件 屬性 icon val 制作表單 pan 選擇 提示信息 AI 單行輸入框,常見的文本輸入框,也就是input的type屬性值為text。在Bootstrap中使用input時也必須添加type類型,如果沒有指定type類型,將無法得到正確的樣式,因為Bootstra
bootstrap學習筆記(六)導航
trap 樣式 -h 禁用狀態 規格參數 class home 圓角 ons 導航(基礎樣式) <ul class="nav nav-tabs"> <li><a href="##">Home</a></li>
Bootstrap 學習筆記
theme AS inpu con radi www. 下載 並且 單選框 bootstrap 下載以及演示地址: 國內穩當翻譯網站 :http://www.bootcss.com 下載bootstrap : http://v3.bootcss.com 下載
Bootstrap 學習筆記8 下拉菜單滾動監聽
bsp http drop htm bar 下拉 overflow inf flow 代碼部分: <nav class="navbar navbar-default"> <a href="#" class="navba
Bootstrap 學習筆記 項目實戰 響應式導航欄
span navbar fault logo zh-cn sig con href meta 導航代碼HTML: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta
Bootstrap 學習筆記 項目實戰 首頁內容介紹 上
OS fir inf med mil and row boot bootstrap 效果圖: HTML代碼: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta char
bootstrap學習筆記(一)
obi IT 員工 ont AS 環境 ive 前端 特性 Bootstrap: Bootstrap是目前最流行的前端開發框架,由Twitter的兩位前員工Mark Otto和Jacob Thornton在2010年8月份創建。 它是一套基於Less的前端開發
Bootstrap學習筆記(一)
type yiq test origin bject adding device pip ctype 引用Bootstrap需要的 基本格式 <!doctype html> <html lang="en"> <head> &l
bootstrap學習一
open one oot line 學習 pan initial color scale bootstrap學習 一、css概覽: 1、使用HTML5標準,<!DOCTYPE html>。 2、移動設備優先: 1 <meta name
Bootstrap學習
系列 靈活 引入 實例 觸屏 str -s 功能 設備 一、Bootstrap的介紹 Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基於 HTML、CSS、javascript 的,它簡潔靈活,使得 Web 開發更加快捷。它用於開
bootstrap學習三
Bootstrap學習筆記(三) 網格系統 4-1實現原理 網格系統的實現原理非常簡單,僅僅是通過定義容器大小,平分12份(也有平分成24份或32份,但12份是最常見的),再調整內外邊距,最後結合媒體查詢,就製作出了強大的響應式網格系統。Bootstrap框架中的網格系統就是將容器平分成
bootstrap學習二
Bootstrap學習筆記(二) 表單 在Bootstrap學習筆記(一) 排版的基礎上繼續學習Bootstrap的表單,編輯器及head內程式碼不變。 3-1 基礎表單 單中常見的元素主要包括:文字輸入框、下拉選擇框、單選按鈕、複選按鈕、文字域和按鈕等。 在Bootstra
BootStrap學習視訊
如果沒有百度網盤會員建議使用 http://pandownload.com/ PanDownload http://dl.pandownload.com/download/PanDownload_v2.0.4.zip 不限速 &
Bootstrap學習日記之附加導航
附加導航概述 附加導航是一個允許固定<div>在某一個位置上,當點選某個超連結時,該div會鎖定在某個位置,不會隨著一起滾動,通常搭配監聽外掛一起使用。 用法 data屬性:在需要固定的<div>上新增data-spy="affix"即