剛開始接觸Bootstrap的時候剛好處於3跟4版本交替的時候
3的資料才看沒多久4就出來了
文件資料有看沒有懂,知道的會用的也只有row跟col,而且還用得很落漆(台語)
其他的不管怎麼看都看不懂也不知道要怎麼使用,想試著尋求幫助又不知道該怎麼問問題才對⋯⋯
整個版切下來只用到Bootstrap的5%而已
當時就覺得BS怎麼這麼難用?為什麼大家都說BS簡單好上手?
為了瞭解RWD的運作方法,我決定重新學習Bootstrap
很多人都說去看官方文件就夠了,官方文件寫的非常清楚
但是我真的是看不懂,尤其是在看到文件上面海量的資料跟不懂的詞句
我感受到的只有滿滿的害怕與畏懼,況且文件還是中文文件
連中文都看不懂了真的讓我深深的對不起自己從以前到現在的國文老師⋯
在這樣的狀況下我試著列出自己的問題點
諸多的不明白都是從youtube上搜尋Bootstrap的教學影片慢慢看才看懂該怎麼使用
當時學習的時候是靠下面幾樣東西慢慢摸索的
網站架設基礎課程 HTML + CSS 10 Bootstrap版面佈局-youtube
後來對於Bootstrap的理解就是把CSS的內容挪到HTML上面
像是margin-right和margin-left如果要同時放在HTML上面就會變成class="mx-尺寸"(x是水平)
col要在row裡面、row要在container裡面這樣col才會有效
瞭解之後要馬上實際運用也會有些障礙與困難
我會先把CSS刻好,在一個個把CSS挪到HTML上
像display:flex就是d-flex
displey:block就是d-block
Width:100%就是w-100
不知道要怎麼寫的話就把關鍵字拿去官方文件上面查詢
從完全不懂到現在能使用Bootstrap完成一個版型,如果也像我一樣完全看不懂文件在寫什麼
你可以試試看:
以上是我在學習Bootstrap時遇到的困難與解決方法,分享給大家
col要在row裡面、row要在containet裡面這樣col才會有效
containet 修改 container
Width100%就是w-100
Width100% 修改 width:100% ((冒號加一下唄))
修改好了!
謝謝你(๑ˊㅂˋ๑)/