bootstrap框架寫個人主頁

百度菜鳥驛站學(xué)習(xí)bootstrap的框架,然后根據(jù)以前編寫的html,css主頁完成修改。以下為學(xué)習(xí)bootstrap的經(jīng)驗總結(jié):

bootstrap框架

1.以柵欄式布局,分12列,16列,24列和32列,常用12列。

2.整個頁面必須在container容器內(nèi)部

3.移動端以

來使視圖一比一縮放。(響應(yīng)式布局)

4.載入bootstrap時需要經(jīng)過七個步驟,才能支持CSS,js,IE,IE8以下等

??? a.引入bootstrap框架 <link rel="stylesheet" href="../bootstrap.min.css">

??? b.引入JQuery框架。引入在body結(jié)束標(biāo)簽之前。

??? c.引入JS文件,在JQuery框架之后引入。

??? d.引入移動端適應(yīng)<meta name="viewport" content="width=device-width,initial-scale=1.0">。

??? e.將html標(biāo)簽添加<html lang="zh-cn">

f.若支持IE得在meta標(biāo)簽,得添加

??? g。若要支持IE8之前,需添加responds。js文件

然后根據(jù)所學(xué)完成個人主頁的bootstrap框架。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML標(biāo)準。 注意:講述HT...
    kismetajun閱讀 28,809評論 1 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J的外補...
    _Yfling閱讀 14,143評論 1 92
  • $HTML, HTTP,web綜合問題 1、前端需要注意哪些SEO 2、 的title和alt有什么區(qū)別 3、HT...
    Hebborn_hb閱讀 4,776評論 0 20
  • 前端開發(fā)面試題 面試題目: 根據(jù)你的等級和職位的變化,入門級到專家級,廣度和深度都會有所增加。 題目類型: 理論知...
    怡寶丶閱讀 2,683評論 0 7
  • Bootstrap是什么? 一套易用、優(yōu)雅、靈活、可擴展的前端工具集--BootStrap。GitHub上介紹 的...
    凜0_0閱讀 11,132評論 3 184

友情鏈接更多精彩內(nèi)容