Bootstrap教學 - 利用HTML + CSS,完整編寫網站外觀示範

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ม.ค. 2025

ความคิดเห็น • 61

  • @jackweng3262
    @jackweng3262 4 ปีที่แล้ว +5

    第一次睇廣東話嘅IT教學片,拍得唔錯,好 detailed,識用 zoom in 局部放大,有啲人冇 zoom in,啲字細到乜咁, 香港人講嘅英文口音幾得意,navigation 讀成 nafigation, intro 讀成 infro,時常將 V 讀成 F 音,proposal 讀成 proposou 數數,social 又讀成 sosou 數,我係大馬人

  • @kennylam5729
    @kennylam5729 3 ปีที่แล้ว

    第一次學習BOOTSTRAP, 感謝你的教學

  • @sunnylau1206
    @sunnylau1206 5 ปีที่แล้ว +5

    This is my first time using bootstrap, and it is way easier than I thought it would be! Your detail step by step explanation definitely helps A LOT!! Thank you for the video and keep it up man!

  • @johnnychunli
    @johnnychunli 4 ปีที่แล้ว +3

    Bootstrap嘅row layout入边本来就有一个class叫align-items-center,加落个row class后边就得,唔洗自己写transform

  • @333189
    @333189 4 ปีที่แล้ว +1

    多謝,難得的 bootstrap 4 教學。已 like。

  • @yuchinghung5458
    @yuchinghung5458 3 ปีที่แล้ว +8

    謝謝老師~~講解的井然有序!!剛剛跟著影片學習時發現,5.1V的Jumbotron已經沒功能了,如果要呈現相同效果可以 class = p-5 mb-4 bg-light rounded-3 代替。

    • @pain7201
      @pain7201 3 ปีที่แล้ว

      請問如果使用這個class 在css中要怎麼選擇他呢 我這邊一直無法在CSS中選擇他

    • @yuchinghung5458
      @yuchinghung5458 2 ปีที่แล้ว

      @@pain7201 試試再給他一個class名,例如class =jumbotron p-5 mb-4 bg-light rounded-3,在CSS選擇jumbotron

    • @陸盈君
      @陸盈君 2 ปีที่แล้ว +3

      謝謝~~還好有你的說明,才成功做出來!這裏也小小補充一下是 class ="jumbotron p-5 mb-4 bg-light rounded-3" 希望有幫助

  • @notion_darker
    @notion_darker 5 ปีที่แล้ว +2

    Jack 你d视频好有质量,加油。post多d网站建设同埋wordpress主题开发既视频俾我地吸收。因为你既教学方式同埋讲解逻辑好nice!keep it up

  • @tangtangbobo
    @tangtangbobo 4 ปีที่แล้ว +1

    真正的從頭開始,學習到很多,謝謝Jack

  • @rayho5935
    @rayho5935 4 ปีที่แล้ว +1

    正啊,廣東話教學👍感激 學習中⋯

  • @timkwok2365
    @timkwok2365 2 ปีที่แล้ว

    好清晰,謝謝

  • @voiceofchina3993
    @voiceofchina3993 4 ปีที่แล้ว +1

    你真的很认真在做视频,点赞。

  • @lin3710
    @lin3710 5 ปีที่แล้ว +8

    19:17 字型
    38:30 section>container>row
    48:30 第3個section

  • @SpongeBob-ct8bn
    @SpongeBob-ct8bn 4 ปีที่แล้ว +2

    auto indentation可以使用快捷键fn+k,然后fn+f(widnows)或者 shift+tab(mac)。这样就不用一行一行调代码格式了。

  • @boaz411133
    @boaz411133 3 ปีที่แล้ว

    謝謝鬍子,這對我幫助很大

  • @yongganglu8247
    @yongganglu8247 3 ปีที่แล้ว

    非常感谢Jack,讲的很清楚。

  • @taylikuan9259
    @taylikuan9259 4 ปีที่แล้ว +2

    真是太感謝了!!! 省了我好多時間的阿!

  • @yannmaco
    @yannmaco 4 ปีที่แล้ว

    效率超級高的教學,大推

  • @pauloxue8973
    @pauloxue8973 2 ปีที่แล้ว

    不错,非常感谢

  • @洪詩婷-s4j
    @洪詩婷-s4j 3 ปีที่แล้ว

    我成功做完了 謝謝!!!

  • @lin3710
    @lin3710 5 ปีที่แล้ว

    正要觀看 感覺很讚 謝謝老師

  • @王国民A
    @王国民A 4 ปีที่แล้ว +3

    補充一下,用translate來做vertical置中有個缺點,因為目前CSS中寫無法寫兩個translate(第一個translate被overwrite),所以在置中上用了translate會導致animation中不能使用translate

    • @esutana
      @esutana 3 ปีที่แล้ว +2

      在新的display flex / grid
      有align item, justify content等等
      這種translateY是簡單的古老方法.

  • @unityvictor787
    @unityvictor787 4 ปีที่แล้ว +2

    非常感謝,受益良多
    有個小小的問題想請教,要如何去判別網頁該用哪tag去做切割區塊?
    是否要先弄熟各個component的功用才會清楚知道如何切割區塊?
    我目前都是用copy & paste + 修改細節來寫網頁,並不是很清楚各個tag所代表的意思

    • @YimanInfotek
      @YimanInfotek ปีที่แล้ว

      我也是,受益良多

  • @chenzhu445
    @chenzhu445 4 ปีที่แล้ว

    谢谢老师的教学!!非常实用,一步一步讲的很详细,还贴心地添加了字幕,非常感谢!

  • @yxcheah7215
    @yxcheah7215 2 ปีที่แล้ว

    can this tutorial support for window 10? tq

  • @nothingtodo_thing
    @nothingtodo_thing 3 ปีที่แล้ว

    Thanks a lot

  • @fcheang8321
    @fcheang8321 4 ปีที่แล้ว

    學到野,支持

  • @yutattsang4802
    @yutattsang4802 4 ปีที่แล้ว

    謝謝,學識好多

  • @yoho8745
    @yoho8745 2 ปีที่แล้ว

    So gooood!

  • @denirowang
    @denirowang 2 ปีที่แล้ว

    28:16 menu

  • @楓善慶
    @楓善慶 3 ปีที่แล้ว

    我记得栅格系统其实不需要每次都写row你可以一个row后面一直col只要后缀和满12就会归类到下一行

  • @kongwillis7687
    @kongwillis7687 4 ปีที่แล้ว

    很有質素 直得貨金

  • @chankainam4313
    @chankainam4313 4 ปีที่แล้ว

    內容好有用

  • @imj.570
    @imj.570 3 ปีที่แล้ว

    7:07 在網頁上並沒有JS的Copy點

  • @Alex0-z7p
    @Alex0-z7p 2 ปีที่แล้ว

    搵唔到佢6:31 條link

  • @sinsin7843
    @sinsin7843 4 ปีที่แล้ว

    謝謝老師!!!~~

  • @archer7620
    @archer7620 4 ปีที่แล้ว

    29:52 頁首

  • @ln0-i2w
    @ln0-i2w 3 ปีที่แล้ว

    如果做ict sba, 咁樣做好唔好

  • @ifcwlme
    @ifcwlme 2 ปีที่แล้ว

    廣東話仲要係港式英文口音, 真好😅

  • @tsailing6881
    @tsailing6881 5 ปีที่แล้ว +1

    學到很多,謝謝~!

  • @tosickei9953
    @tosickei9953 5 ปีที่แล้ว

    想問2個問題
    1.VESTA 係咩黎?同埋點安裝?
    2.FTP SERVER NAME 同 Password 係邊度睇?
    唔該晒

  • @kelvinchan6938
    @kelvinchan6938 4 ปีที่แล้ว

    good, jack!

  • @魚油跟魚肝油不一樣
    @魚油跟魚肝油不一樣 2 ปีที่แล้ว

    請問Jack老師 列如下方的email被輸入送出後,我們要如何做接收呢?

  • @taoo4612
    @taoo4612 3 ปีที่แล้ว

    还可以学粤语哈哈,真的 不错

  • @sunsakana8297
    @sunsakana8297 3 ปีที่แล้ว

    请问用bootstrap编写好的程序如何发布到google浏览器里,让大家都能看见,一定要放入wordpress里吗?怎么做呢?

  • @redinternet9893
    @redinternet9893 3 ปีที่แล้ว

    css怎麼寫像container一樣窄一點

  • @sennchou3069
    @sennchou3069 5 ปีที่แล้ว +1

    👍

  • @yaujiahui4169
    @yaujiahui4169 4 ปีที่แล้ว

    👍👍

  • @MobileDeveloper1965
    @MobileDeveloper1965 2 ปีที่แล้ว

    我覺得初學看最好不要立即用framework

  • @nameqw4556
    @nameqw4556 3 ปีที่แล้ว

    Bootstrap

  • @jacinyan3893
    @jacinyan3893 4 ปีที่แล้ว

    得唔得?得喔!

  • @zhangzhang5555
    @zhangzhang5555 3 ปีที่แล้ว

    好帥的前端,已戀愛

  • @从开始到放弃
    @从开始到放弃 4 ปีที่แล้ว

    能讲普通话吗 ,还有大陆用户