目前位置:首頁 > 科技文章 > web前端 > Bootstrap教程

  • bootstrap有cdn嗎
    bootstrap有cdn嗎
    有。 Bootstrap中文網聯合又拍雲共同為Bootstrap專門建構了免費的CDN加速服務,存取速度更快、加速效果更明顯、沒有速度和頻寬限制、永久免費。
    Bootstrap教程 2569 2019-07-18 10:34:58
  • bootstrap插件有哪些
    bootstrap插件有哪些
    Bootstrap自備12 jQuery插件。如:過渡效果(Transition)插件、模態框(Modal)插件、下拉選單(Dropdown)插件、輪播(Carousel)插件、提示工具(Tooltip)插件、標籤頁(Tab)插件等多種插件
    Bootstrap教程 5388 2019-07-18 10:13:07
  • bootstrap如何讓圖片居中顯示
    bootstrap如何讓圖片居中顯示
    bootstrap中圖片都使用了.img-responsive 類別來實作圖片響應式。那我們要使用.center-block類別來實作圖片居中。注意.center-block類別一定要放在<img>標籤class中,否則無法生效。
    Bootstrap教程 8972 2019-07-18 09:59:02
  • bootstrap如何學習
    bootstrap如何學習
    一開始不要試著學習bootstrap的所有功能,包括某個功能的所有實現效果,這很容易打擊你的信心。在你的專案中都試著去使用它,不要怕錯。慢慢總結和累積經驗。多試著修改調整,一定要記錄使用經驗。用的越來越多,也就越來越順手了。
    Bootstrap教程 2177 2019-07-18 09:43:16
  • 如何使用bootstrap實現年月日的時間選擇
    如何使用bootstrap實現年月日的時間選擇
    使用bootstrap實現年月日的時間選擇,頁面需要載入使用的css和js檔案。 CSS檔:bootstrap-datetimepicker.min.css。 JS檔:bootstrap-datetimepicker.zh-CN.js。
    Bootstrap教程 4345 2019-07-18 09:24:54
  • bootstrap如何響應式佈局
    bootstrap如何響應式佈局
    bootstrap首先需要在head中引入meta標籤,加入viewpirt屬性和content屬性。因為bootstrap根據視口(viewport)尺寸的增加,系統會自動分成做多12列,最後結合媒體查詢,進而實現響應式佈局。
    Bootstrap教程 6626 2019-07-18 09:05:30
  • bootstrap3和bootstrap4的差別
    bootstrap3和bootstrap4的差別
    區別:bootstrap4比bootstrap3的適應區間更大;bs3中使用folat佈局,bs4使用flex佈局;bs3中img-circle只對圖片生效,而bs4中rounded-circle對所有元素全部生效,等等。
    Bootstrap教程 4229 2019-07-17 16:52:43
  • bootstrap4如何設定影像形狀
    bootstrap4如何設定影像形狀
    圓角圖:.rounded類別;橢圓圖:.rounded-circle類別;縮圖:.img-thumbnail類別;圖片對齊:使用.float-right/left類別來設定圖片右/左對齊;響應式圖片:在<img>標籤中新增.img-fluid類別。
    Bootstrap教程 2514 2019-07-17 16:30:33
  • bootstrap4如何設定表格
    bootstrap4如何設定表格
    Bootstrap4透過.table類別來設定基礎表格的樣式。條紋表格:新增.table-striped類別。附邊框表格:新增.table-bordered類別。滑鼠懸停狀態表格:新增.table-hover類,等等。
    Bootstrap教程 2614 2019-07-17 16:18:14
  • 如何利用bootstrap分頁
    如何利用bootstrap分頁
    第一步,下載bootstrap並解壓縮,新建一個test目錄存放測試檔。 ||第二步,新建一個測試的pagination.html檔。 ||第三步,新增class="active"高亮顯示頁碼,為所有分頁li標籤上新增點擊事件。
    Bootstrap教程 2087 2019-07-17 15:53:31
  • bootstrap的下拉多選框如何使用
    bootstrap的下拉多選框如何使用
    第一步,引入CSS檔案和JS文件,匯入bootstrap-select元件。 ||第二步,新增「multiple」設定為多選,設定最多能選擇2項,即data-max-options="2"。 ||第三步,新增檢索並設定屬性,新增全選/反選功能。
    Bootstrap教程 9623 2019-07-17 15:32:53
  • 如何用bootstrap定義上彈選單
    如何用bootstrap定義上彈選單
    首先取得點擊按鈕距離螢幕下方的高度和彈出式選單的高度,如果彈出式選單無法完全顯示,請讓其向上彈出。然後透過修改bootstrap.js中的toggle屬性,實現點擊的時候,根據實際情況智能向下或向上彈出即可。
    Bootstrap教程 1780 2019-07-17 15:15:15
  • bootstrap如何製作下拉式選單
    bootstrap如何製作下拉式選單
    第一步,在Sublime Text中新建HTML頁面。 ||第二步,用link標籤匯入樣式庫。 ||第三步,匯入jquery和bootstrap的腳本,呼叫dropdown樣式引入下拉式選單。 ||第四步,加入下拉式選單中的選單項,再執行程式即可。
    Bootstrap教程 4637 2019-07-17 15:02:56
  • 如何使用bootstrap快速實現登入頁面
    如何使用bootstrap快速實現登入頁面
    第一步,下載解壓縮bootstrap,引入boostrap的js和css,引入jquery.js。 ||第二步,在div標籤中撰寫使用者名稱輸入框、密碼輸入框、登入按鈕。 ||第三步,寫完成後,雙擊目錄下的index.html,在瀏覽器中查看效果。
    Bootstrap教程 6252 2019-07-17 14:44:03
  • bootstrap如何設定行間距
    bootstrap如何設定行間距
    方案一:新增一個新的樣式類,定義margin-top的樣式,然後在row所在的div元素上新增樣式類別。 ||方案二:定義一些通用的上邊距樣式類,然後,在row所在的div元素上新增適合的CSS樣式類別。 ||方案三:可以使用內建的間距樣式類別。
    Bootstrap教程 12270 2019-07-17 14:32:41

工具推薦

jQuery企業留言表單聯絡程式碼

jQuery企業留言表單聯絡代碼是簡潔實用的企業留言表單和聯絡我們介紹頁面程式碼。
表單按鈕
2024-02-29

HTML5 MP3音樂盒播放特效

HTML5 MP3音樂盒播放特效是一款以html5+css3為基礎製作可愛的音樂盒表情,點選開關按鈕mp3音樂播放器。
播放器特效
2024-02-29

HTML5酷炫粒子動畫導覽選單特效

HTML5酷炫粒子動畫導覽選單特效是一款導覽選單採用滑鼠懸停變色的特效。
選單導航
2024-02-29

jQuery可視化表單拖曳編輯程式碼

jQuery視覺化表單拖曳編輯程式碼是一款基於jQuery和bootstrap框架製作視覺化表單。
表單按鈕
2024-02-29

有機蔬果供應商網頁範本 Bootstrap5

一款有機蔬果供應商網頁範本-Bootstrap5
Bootstrap模板
2023-02-03

Bootstrap3多功能資料資訊後台管理響應式網頁範本-Novus

Bootstrap3多功能資料資訊後台管理響應式網頁範本-Novus
後端模板
2023-02-02

房產資源服務平台網頁範本 Bootstrap5

房產資源服務平台網頁範本 Bootstrap5
Bootstrap模板
2023-02-02

簡約履歷資料網頁範本 Bootstrap4

簡約履歷資料網頁範本 Bootstrap4
Bootstrap模板
2023-02-02

可愛的夏天元素向量素材(EPS+PNG)

這是一款可愛的夏天元素向量素材,包含了太陽、遮陽帽、椰子樹、比基尼、飛機、西瓜、冰淇淋、雪糕、冷飲、游泳圈、夾腳拖、鳳梨、海螺、貝殼、海星、螃蟹、檸檬、防曬乳、太陽眼鏡等等,素材提供了EPS 和免扣PNG 兩種格式,含JPG 預覽圖。
PNG素材
2024-05-09

四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)

這是一款紅色的 2023 畢業徽章向量素材,共四個,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 預覽圖。
PNG素材
2024-02-29

唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)

這是一款由唱歌的小鳥和裝滿花朵的推車設計的春天 banner 向量素材,提供了 AI 和 EPS 兩種格式,含 JPG 預覽圖。
banner圖
2024-02-29

金色的畢業帽向量素材(EPS+PNG)

這是一款金色的畢業帽向量素材,提供了 EPS 和免扣 PNG 兩種格式,含 JPG 預覽圖。
PNG素材
2024-02-27

家居裝潢清潔維修服務公司網站模板

家居裝潢清潔維修服務公司網站範本是一款適合提供居家裝潢、清潔、維修等服務機構宣傳網站範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-05-09

清新配色個人求職履歷引導頁模板

清新配色個人求職履歷引導頁範本是適合清新配色風格的個人求職履歷作品展示引導頁網頁範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-29

設計師創意求職履歷網頁模板

設計師創意求職履歷網頁範本是適合各種不同設計師職缺個人求職履歷展示網頁範本下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-28

現代工程建築公司網站模板

現代工程建築公司網站模板是一款適合從事工程建築服務行業宣傳網站模板下載。提示:本範本呼叫到Google字體庫,可能會出現頁面開啟比較緩慢。
前端模板
2024-02-28