ㄧ.Forms:選擇功能表 <body data-spy="scroll" data-target="#nav-demo&q...
ㄧ.Forms:核取方塊與選項按鈕(自定義) <body data-spy="scroll" data-target="#n...
ㄧ.Forms:核取方塊與選項按鈕 <body data-spy="scroll" data-target="#nav-de...
ㄧ.Forms:文本框的變化與附加顯示 <body data-spy="scroll" data-target="#nav-...
ㄧ.Forms:表單元素 <body data-spy="scroll" data-target="#nav-demo&qu...
ㄧ.Modal:對話框的選項 <div class="component" id="demo"> <...
ㄧ.Modal:互動視窗 <div class="component" id="demo"> <d...
ㄧ.List group:方法與事件 <div class="component" id="demo">...
ㄧ.List group:切換顯示列表的內容 <div class="component" id="demo"&g...
ㄧ.List group:基礎範例 <div class="component" id="demo">...
ㄧ.jumbotron:廣告大屏幕 <div class="component" id="demo">...
ㄧ.Dropdown:方法與事件 <div class="component" id="demo"> &...
ㄧ.下拉式選單的變化 <div class="component" id="demo"> <div...
ㄧ.分離式下拉式選單 <div class="component" id="demo"> <div...
ㄧ.下拉式選單 <div class="component" id="demo"> <div cl...
ㄧ.工具提示 <div class="component" id="demo"> <button...
ㄧ.滾動監控 <body data-spy="scroll" data-target="#nav-demo">...
ㄧ.進度條 <div class="component" id="demo"> <div clas...
ㄧ.提示框 <div id="demo" class="component container"> &l...
ㄧ.導欄列位置固定 <div id="demo" class="component container">...
ㄧ.導欄列位置固定 <div class="component demo" style="height:300vh"...
ㄧ.響應式導欄列 <div class="component demo" style="height:300vh"...
ㄧ.導欄列 <div class="component demo"> <nav class="navbar...
ㄧ.基礎導欄 <div id="demo" class="component container"> &...
ㄧ.折疊-切換內容的可見性 <div id="accordion"> <div class="card&qu...
ㄧ.折疊-切換內容的可見性 <div class="component demo"> <a href="#c...
ㄧ.幻燈片jquery監聽 $(document).ready(()=>{ //控制幻燈片的秒數 // $('.carousel').carous...
ㄧ.幻燈片調整畫面 .component.demo{ padding: 50px; } #demo.component{ padding: 50px;...
ㄧ.幻燈片控制項 <div class="component" id="demo"> <div c...
codepen不小心按到刪除,整組壞光光還好筆記都有紀錄...如有錯誤或補充歡迎留言,感恩。 ㄧ.幻燈片 <div class="compone...