中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

bootstrap 快速入門

發布時間:2020-07-17 02:35:11 來源:網絡 閱讀:1166 作者:haibo3434358 欄目:開發技術

bootstrap 快速入門  

 

簡介

是一個的 HTML、CSS 和 JS 框架

配置頁面

遠程訪問

<!-- 新 Bootstrap 核心 CSS 文件 -->

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">


<!-- 可選的Bootstrap主題文件(一般不用引入) -->

<link rel="stylesheet" >


<!-- jQuery文件。務必在bootstrap.min.js 之前引入 -->

<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>


<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->

<script src="http://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

本地訪問

<link rel="stylesheet" href="./css/bootstrap.min.css">

<link rel="stylesheet" href="./css/bootstrap-theme.min.css">

<script type="text/javascript" src="./js/jquery.js"></script>

<script type="text/javascript" src="./js/bootstrap.min.js"></script>


代碼容器

.container

.container-fluid

柵格系統

將一行分割成12列, 可以使用col-md-*的方式了來聲明需要占用的寬度

根據屏幕的尺寸分成了四種情況 col-lg-*  col-md-*  col-sm-*  col-xs-*

列的偏移

.col-md-offset-*

列的嵌套

段落

p標簽

顏色設置

    背景色

<p class="bg-primary">...</p>

<p class="bg-success">...</p>

<p class="bg-info">...</p>

<p class="bg-warning">...</p>

<p class="bg-danger">...</p>

前景色

<p class="text-muted">...</p>

<p class="text-primary">...</p>

<p class="text-success">...</p>

<p class="text-info">...</p>

<p class="text-warning">...</p>

<p class="text-danger">...</p>


內聯文本樣式

mark標簽------加亮文本

s標簽 ----- 刪除文本

u標簽 ----- 下劃線文本

b標簽 -----加重文本

i標簽  ----- 斜體文本

code標簽 ----  代碼文本

kbd標簽 ---- 鍵盤按鍵標識

pre標簽 ---- 原樣輸出(輸出代碼事例)


對齊方式

text-left

text-center

text-right

字符串大小寫

text-lowercase

text-uppercase

text-capitalize

引用

blockquote  &  footer

blockquote-reverse  & footer

列表

無序列表

ul li

有序列表

ol  li

無樣式列表

list-unstyled

行內列表

list-inline

描述

dl   dt    dd

浮動

快速浮動

pull-left

pull-right

center-block

清除浮動

clearfix

快速顯示和隱藏

show

hide

表格

基本結構

<table class="table">

<thead>

<tr><td>#</td><td>number</td></tr>

</thead>

<tbody>

<tr><td>1111</td><td>2222</td></tr>

</tbody>

</table>

斑馬紋理

table-striped

邊框

table-bordered

懸浮變色

table-hover

情景顏色

active

success

info

warning

danger


表單

默認

行內

水平排版

校驗元素

has-warning

has-error

has-success

元素大小

高度

input-lg

input-sm

input-md

寬度

col-md-*


按鈕

類名

btn

樣式

btn-default

btn-primary

btn-success

btn-info

btn-warning

btn-danger

尺寸

btn-lg

btn-md

btn-sm

btn-xs

圖片

響應式

img-responsive

圖片形狀

img-rounded

img-circle

img-thumbnail

響應式類

visible-lg   visible-md    visible-sm    visible-xs

hidden-lg    hidden-md    hidden-sm    hidden-xs



組件

圖標

按鈕組

不帶下拉框

帶下拉框

尺寸

btn-lg

btn-md

btn-sm

btn-xs

導航

導航條

路徑導航

分頁

標簽

徽章

巨幕

警告框

進度條

媒體對象

列表組

面板


附件:http://down.51cto.com/data/2366806
向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

佛坪县| 隆安县| 周口市| 秦皇岛市| 黄浦区| 乳山市| 铜鼓县| 增城市| 东乌| 隆昌县| 吉林省| 渝北区| 鄱阳县| 德昌县| 晋城| 广州市| 宽城| 满城县| 逊克县| 南部县| 安康市| 米脂县| 延长县| 临沂市| 荣成市| 民权县| 广丰县| 丰城市| 睢宁县| 龙海市| 克山县| 林西县| 都安| 钦州市| 沅陵县| 杨浦区| 阜南县| 兴安县| 龙泉市| 晴隆县| 彭泽县|