iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 3
0
自我挑戰組

漫遊前端系列 第 3

bootstrap介紹

  • 分享至 

  • xImage
  •  

今天要介紹一個好用的套件,bootstrap。

優點:
一個快速切割網頁的工具。
文本說明完善,好上手。
缺點:
可延展性低,若要特殊樣式就得完全捨棄他的樣本。

範例:
基本款:
https://ithelp.ithome.com.tw/upload/images/20171221/20107854YfyxDz0FJC.jpg
可以在它內建的樣式裡面給她顏色跟高度。
進階版:
https://ithelp.ithome.com.tw/upload/images/20171221/20107854E3CTtZBniY.jpg
可以不用前後的網格,直接在中間出現。
不同平台上:
https://ithelp.ithome.com.tw/upload/images/20171221/20107854ia0ObjA7bU.jpg
在不同平台上,他可以顯示不同的配置,可以設置在平板、電腦、智慧型手機上呈現線都不一樣。

基本上要快速做出一個網頁框架,用bootstrap一下就能完成,還能跨平台使用。


上一篇
好用的即時渲染工具codepen
下一篇
VUE簡介
系列文
漫遊前端7
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言