-
開發工具：可以用DW,而JetStrap是bootStrap的專業可視化開發工具，可以進行插件拖拽，下載地址為jetstrap.com 下載地址：官方下載地址：http://getbootstrap.com 中文下載地址：www.bootcss.com查看全部
-
1-1bootstrap簡介 （1）bootstrap是twitter公司開發基于HTML\CSS\javascript 的前端框架 （2）為實現web應用程序快速開發提供的一套前端工具包 （3）響應式布局 （4）移動設備優先 目標：1）bootstrap全局樣式2）viewport的意義3）柵格化布局 4）字體、圖標 5）實現響應式布局開發查看全部
-
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="myModal"> 彈窗 </button>查看全部
-
<div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span>×</span><span class="sr-only">關閉彈窗</span></button> <h4> class="modal-title" id="myModalLabel">標題</h4> </div> <div class="modal-body">慕課網</div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">關閉</button> <button type="button" class="btn btn-primary">保存</button> </div> </div> </div> </div> <查看全部
-
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">查看全部
-
用于修改文字樣式 <mark>強調文字，底邊變黃 <del>刪除文字，中間有橫線 <ins>下劃線 <u>下劃線 <small>文字變小 <strong>文字加粗 對齊方式 text-left左對齊 text-center居中 text-right右對齊 英文大小寫變換 text-lowercase大寫變小寫 text-uppercase小寫變大寫 text-capitalize首字母大寫查看全部
-
帶的、邊框的表格 table-bordered 條紋狀表格 table-striped 懸停變色 table-hover 緊湊風格 table-condensed查看全部
-
h1:36px h2:30px h3:24px h4:18px h5:14px h6:12px查看全部
-
bootstrao全局樣式用法 viewport的意義 柵格化布局用法 字體，圖標 實現響應式布局開發查看全部
-
nav-justified讓標簽式或膠囊式導航菜單與父元素等寬查看全部
-
http://v3.bootcss.com/components/查看全部
-
1.對齊方式： .text-left:左對齊 .text-center:居中 .text-right:右對齊 2.大小寫排版 .text-lowercase:全部改為小寫 .text-uppercase:全部改為大寫 .text-capitalize:首字母大寫 3.特殊樣式 <del></del>:中劃線/刪除線 <ins></ins>:下劃線/插入文本 <small></small>:縮小文字 <strong></strong>:加粗文字查看全部
-
bootstrap的引入查看全部
-
Bootstrap的專用可視化開發工具jetstrap查看全部
-
@media screen and (min-width:*px) and (max-width){ }查看全部
舉報
0/150
提交
取消