Learn Bootstrap: Easy Step-by-Step Tutorial v5.3

Поділитися
Вставка
  • Опубліковано 20 лип 2024
  • In this Bootstrap video, I will cover only the most important things that you need to know to get started.
    Bootstrap is a highly popular CSS framework that streamlines development by offering pre-designed components with optional JavaScript for interactivity, along with templates and responsive grids. It empowers creators to rapidly build attractive and functional websites efficiently that are robust and feature-rich.
    With customizable options and prebuilt components, Bootstrap ensures design consistency and seamless performance across devices and screen sizes.
    Chapters:
    ◾ 0:00 Introduction:
    ◾ 0:40 Bootstrap CDN vs Local
    ◾ 1:31 Useful Extensions
    ◾ 2:30 Bootstrap via CDN
    ◾ 4:41 Bootstrap Typography
    ◾ 9:42 Bootstrap Layout
    ◾ 13:12 Bootstrap Grid
    ◾ 24:31 Bootstrap Components
    ◾ 29:08 CDN Variables
    ◾ 30:53 Install Bootstrap Locally - Vite
    ◾ 36:52 Bootstrap Custom SCSS
    ◾ 42:11 End
    ☕ BuyMeACoffee: www.buymeacoffee.com/RaddyThe...
    Discounts:
    ⚡ Hostinger: www.hostg.xyz/aff_c?offer_id=...
    ⚡ Elementor: be.elementor.com/visit/?bta=2...
    Recording Equipment:
    ◾ Microphone: amzn.to/3uX0yvP
    ◾ Shotgun Mic: amzn.to/3aRsSJb
    ◾ Camera: amzn.to/3IMumkx
    ◾ Lens: amzn.to/3ARxvh8
    ◾ Lighting: amzn.to/3PBetj2
    Computer Gear:
    ◾ Keyboard: amzn.to/3RCXRcC
    ◾ Headphones: amzn.to/3aIvskX
    ◾ Mouse: amzn.to/3VfVuxO
    Connect with me:
    ◾ Website: www.raddy.dev
    ◾ Newsletter: www.raddy.co.uk/newsletter
    #bootstrap #css

КОМЕНТАРІ • 26

  • @chris-adams-tas
    @chris-adams-tas 4 місяці тому +2

    Bravo Raddy,
    This is one of the clearest explanations of typography, containers and Bootstrap's grid layout I've seen. Thanks for sharing.

  • @valeriepower6890
    @valeriepower6890 3 місяці тому

    Thank you! I've been using Bootstrap a couple of months now but was still unclear about a few things. This is one of the clearest and best put-together videos I've seen.

  • @queenofsheba8275
    @queenofsheba8275 11 місяців тому

    The thing i hated most about bootstrap was that it was very complicated to customize like 3 years ago, especially for a beginner to web dev. I'm so happy that they've made it much easier now. I can actually use it again without getting frustrated. What I love about bootstrap is that they have so many components that work out of the box , like a responsive navigation bar, for example, that you don't have to create from scratch with all the js needed to hide and toggle the menu on different screens, making building websites easierand faster. Thank you for this tutorial. It's very appreciated.

  • @user-li7zh2qs8k
    @user-li7zh2qs8k 3 місяці тому +2

    Hello. Thank you for a great video, this is the best video about bootstrap I found. Please continue with the bootstrap instructions. Happy coding!

  • @eloquentsites
    @eloquentsites 3 місяці тому

    Since I came across your channel, I've been glued. The way you teach resonates with me. Thank you and know that you're highly appreciated.

    • @RaddyDev
      @RaddyDev  3 місяці тому

      I am glad to hear that and I appreciate the positive comment. Thank you!

  • @katlegolionel1174
    @katlegolionel1174 10 місяців тому

    Hey Raddy,
    Thank you for all the tutorials, you're by far my favorite channel to learn developement.
    Keep more of NodeJs tuts coming.

    • @RaddyDev
      @RaddyDev  10 місяців тому +1

      That's super nice of you to say! I appreciate you and noted... I'll keep them coming

  • @SquirrelRock
    @SquirrelRock 10 місяців тому

    This is the clearest explanation of essential bootstrap I have found. Your pace and tone are perfect, and your examples are easy to understand. Thank you so much!

    • @RaddyDev
      @RaddyDev  10 місяців тому

      Wow, thanks! I appreciate the comment

  • @mpicuser
    @mpicuser Місяць тому

    Thank you for the clear explanations. Loved this video.

  • @sairamguptha5119
    @sairamguptha5119 6 місяців тому

    thanks for the tutorial Raddy
    it helped me a lot. very clear explanation. Loved it😊

  • @Abuthahir1974
    @Abuthahir1974 3 дні тому

    Great!. Very useful. Thanks for tutorial.

    • @RaddyDev
      @RaddyDev  Годину тому

      Glad it was helpful!

  • @howinon6993
    @howinon6993 2 місяці тому

    Hello. I search you on your site, you made the real fire!

  • @osaweemmanuel670
    @osaweemmanuel670 15 днів тому

    Thank you very much, great video pls i have a question bootstrap uses margin and padding from 1-5 if i want to use more than 5 how do i do it, please bro i really need your help

  • @anishjoshi1999
    @anishjoshi1999 11 місяців тому

    Love your videos

  • @evanilsonp.8183
    @evanilsonp.8183 4 місяці тому +1

    I'm a backend developer but i was thinking of learning bootstrap or tailwind to make some money with freelance projects. And chatgpt CSS code is ugly even if i explain precisely what i want.

    • @RaddyDev
      @RaddyDev  4 місяці тому +1

      All of my backend dev friends all use Bootstrap. That's what they started with originally and never had the need of changing I guess. You can always try all of them and use what you like

  • @anishjoshi1999
    @anishjoshi1999 11 місяців тому +1

    Could you make a video on how to deploy a cron-job nodejs application on any free host provider?

    • @RaddyDev
      @RaddyDev  11 місяців тому +2

      Can do, I will look into it. I appreciate the suggestion

  • @RaddyDev
    @RaddyDev  11 місяців тому +1

    • @Hilmarch27
      @Hilmarch27 9 місяців тому

      hallo,
      can i use vite in my express js project for hot reload?

  • @mayur487
    @mayur487 4 місяці тому

    hey bro can you tell me the webisite for gif images . that you used

    • @RaddyDev
      @RaddyDev  4 місяці тому

      Are referring to the subscribe animation? If yes, I made that myself. The design was done it in Illustrator and animated in Davinci Resolve Fusion