餅乾小姐のBOOTSTRAP網頁
網頁設計與規劃 資訊傳播系 ✦ ₊˚
學習 BS 4
基礎學習
導覽列與版面配置
表單與 PHP
HTML & CSS
單純 HTML
搭配 CSS
期中前練習
學習進展
期中考站作品
單頁式網頁製作
期末考網站
網站地圖
關於我
餅乾首頁
註冊
登入
Bootstrap 4 基礎
回首頁
10.1.3 pre展示程式碼與按鈕
10.2.1 使用BS的表格.圖片
10.2.2 使用小圖示
10.2.3 使用小圖示製作按鈕
10.3.1 使用pagination製作小按鈕
10.3.2 清單群組
10.3.3 顯示隱藏的按鈕效果
10.3.4 FAQ的顯示隱藏效果
10.3.5 彈出式視窗
10.4.1 圖片旋轉木馬
10.5.1 下拉式選單按鈕
10.5.2 card卡片
學習重點內容
</div> </div> </div> </div> <footer class="container-fluid text-light" style="background-color: #efbdcc; padding: 20px 0 0 0; font-size: 10pt;"> <div class='container'> <div class='row'> <div class='col-lg-4 text-center align-middle'> <p style="height: 50px; width: 50px; font-size: 24pt; font-weight: bold; " class="rounded-circle text-secondary bg-light align-middle" >餅</p> </div> <div class='col-lg-4'> <h4>快速連結</h4> <ul> <li><a href="/~4120008/web1/index.html" class="text-light" style="text-decoration: none;">學習 HTML</a></li> <li><a href="/~4120c008/web2/index.html" class="text-light" style="text-decoration: none;">學習 CSS</a></li> <li><a href="/~4120c008/web4/index.html" class="text-light" style="text-decoration: none;">學習 bootstrap</a></li> </ul> </div> <div class='col-lg-4'> <h4>重要學習進程</h4> <ul> <li><a href="/~4120c008/exam/1video.html" class="text-light" style="text-decoration: none;">期中考個人報告</a></li> <li><a href="/~4120c008/web4/homeworks/simplyme.html" class="text-light" style="text-decoration: none;">單頁式自我介紹</a></li> <li><a href="#" class="text-light" style="text-decoration: none;">本學期的期末報告</a></li> </ul> </div> </div> </div> <div class='container-fluid text-center text-muted bg-light' style="padding: 15px"> 創作者 : hanyi @2024 </div> </footer> </body> </html>
