• Wednesday , 29 January 2020

Bootstrap 3 Tutorial Pt.1 – Intro & How to Install Bootstrap 3

Code Canyon
https://i.ytimg.com/vi/E_BrfH10OTc/hqdefault.jpg



Home Page: http://bootstrapbay.com
Source files: https://github.com/bootstrapbay/tutorials

In this video, we give an introduction of Bootstrap and a detailed tutorial on how to install Bootstrap 3.

Bootstrap is the most popular front-end framework for developing responsive, mobile first projects on the web.

Video Highlights:

0:11 – Introduction of Bootstrap
0:41 – Accessing getBootstrap to look at some examples
0:52 – Examples of templates that are built with Bootstrap
1:30 – How to download Bootstrap from getBootstrap
2:07 – We go over the contents of the downloaded folder
3:23 – How to install the default Bootstrap template
4:28 – An overview of the HTML code
5:22 – Testing the Bootstrap installation

Original source

3d Ocean

Related Posts

29 Comments

  1. SHACHINDRA TRIPATHI
    December 14, 2019 at 17:05

    Thanks

  2. zannsha jerin
    December 14, 2019 at 17:05

    It's so amazing tutorial..and it's so helpful…thnx for this tutorial..💕😊plz check it ➡⬇
    ://http://www.fiverr.com/s2/13ec69e694?utm_source=com.

  3. Teaching Web
    December 14, 2019 at 17:05

    world best and easily bootstrap installation

    https://www.youtube.com/watch?v=-o_86Xbij4A

  4. tan nguyen
    December 14, 2019 at 17:05

    great tutorial!

  5. Chrisell Bencalo
    December 14, 2019 at 17:05

    Can you please do a sidebar on the right tutorial? Coz, I am now doing my thesis and I need a sidebar on the right side, please help me. Thanks 🙂

  6. Kwabina Botwe
    December 14, 2019 at 17:05

    how do I prevent bootstrap from overriding my css?

  7. Lucas Hottenroth
    December 14, 2019 at 17:05

    Hey! Really nice Stuff. Best greetings from Germany, you helped alot!!

  8. Beck_nzr
    December 14, 2019 at 17:05

    @BootstrapBay, I'm using Bootstrap with windows 10 and to edit the text i'm using Sublime Text 2. Do you have any other recommendations as to which text editors I can use? Please and thank you.

  9. Srinivasan Hariharan
    December 14, 2019 at 17:05

    Hi in the Tutorials Pt2. Responsive Nabar with Dropdown Menus, can you add and show me the dummy image and a button along with the header. We really dont know what we are missing. The alingment is not coming properly. Your demo will help lot of people to rectify this issue. 99% of the videos are showing only the Header name without the image and the button. Your demo will really help us.
    Thanks

  10. Ryan
    December 14, 2019 at 17:05

    the css file opens as one line. any fixes to this?

  11. Valerie Barmore
    December 14, 2019 at 17:05

    Does bootstrap have to save as the index.html file? Im sorry if this is a dumb question. I'm pretty new, taking classes on it now.

  12. Lucas Marodin de Paiva
    December 14, 2019 at 17:05

    You're the first one on youtube to explain bootstrap in a practical way… tnks ma'an

  13. Justin Perlas
    December 14, 2019 at 17:05

    hey man is it really necessary to save your html files at the same folder as bootstrap?

  14. Insan Azis
    December 14, 2019 at 17:05

    Thanks 🙂

  15. Orven Tardaguila
    December 14, 2019 at 17:05

    can you give me the link of the bootstrap? please?because i can't download it.

  16. antonius surya
    December 14, 2019 at 17:05

    amazing.. thx dude 🙂

  17. -=Dark Ometoh=-
    December 14, 2019 at 17:05

    hi there, I learned a lot from your tutorials, i'm beginer so i have some problems.

    I need help with grids in Bootstrap, i have 3 columns in horizontal order in my site, problem is that when I shrink size of IE ex. to 120% the rows begin to differ in size and is not looking good, second issue is that h2 title does not fit in the column. when i resize page for smaller devices. Can u help PLS ?

    CODE:
    <div class="col-sm-6 col-md-4">
        <div class="thumbnail content-wraper">
          <img src="img/aims.png" alt="service">
          <div class="caption">
            <h2 style="text-align: center;">AIMS</h2>
            <p style="font-size:16px; line-height:1.5;">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
            <br>
          </div>
        </div>
      </div>

    .content-wraper {
     background-color:#f6fbfc;
      padding: 15px;
      padding-bottom:50px;
    }

  18. daniel philips
    December 14, 2019 at 17:05

    when i opened the bootstrap.css on my text editor it showed several codes. what text editor do you recomend?

  19. Satish Halmare
    December 14, 2019 at 17:05

    sir how to create fluid-layout l with left side sub menu bar ….please tell me..

  20. Enny Sings
    December 14, 2019 at 17:05

    Thank you for this, very helpful.

  21. Artsiom Kirkor
    December 14, 2019 at 17:05

    Спасибо, все очень доступно!

  22. Carlos Benavides
    December 14, 2019 at 17:05

    Thanks dude, I found it helpful (Y)

  23. Daniel Fowler
    December 14, 2019 at 17:05

    You guys should put all your tutorial parts into a playlist.

  24. Steven IA
    December 14, 2019 at 17:05

    For the text editor- Coda 2,is it good? I saw two versions of it, one is free, another is 99 dollars, so do we need buy it?

  25. Rana Zaigham
    December 14, 2019 at 17:05

    Nice and very use full video for me..thanks 

  26. Hasna Akter
    December 14, 2019 at 17:05

    Wow, it's very helpful for me …..

  27. Lil Riq TV
    December 14, 2019 at 17:05

    What do i use to open these files ?

  28. Will Rodriguez
    December 14, 2019 at 17:05

    Awesome vid! 

  29. Lucas Bittencourt
    December 14, 2019 at 17:05

    Great information mate. Thank you.

Leave A Comment

You must be logged in to post a comment.