餅乾小姐のBOOTSTRAP網頁
網頁設計與規劃 資訊傳播系 ✦ ₊˚
學習 BS 4
基礎學習
導覽列與版面配置
表單與 PHP
HTML & CSS
單純 HTML
搭配 CSS
期中前練習
學習進展
期中考站作品
單頁式網頁製作
期末考網站
網站地圖
關於我
餅乾首頁
註冊
登入
Bootstrap 4 導覽列等
回首頁
11.1.1 bootstrap網格設計
11.1.2 bootstrap網格設計-3格
11.2.1 導覽列設計-1
11.2.2 導覽列設計-關於本站
11.3.1 加入標題header
11.3.3 加入頁尾footer
11.4.1 中間的重要文字與子導覽列部分
11.4.3使用php include 設計demo.php1
學習重點內容
</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>
