• Tuesday , 19 February 2019

Bootstrap 3 Tutorials – # 1 – Build a responsive Bootstrap 3 site

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



In the first Bootstrap 3 tutorial, I show you around the two pages that we will be building in this course. The site will be fully responsive and compatible with all major browsers. The site that we are building is a tech news/review site.

Bootstrap: http://getbootstrap.com
Code: http://www.coders-guide.com/watch?v=51

Thanks to Sid Smith for helping me out with some of the video footage: http://goo.gl/CtbFHe

Website: http://coders-guide.com
Twitter: http://twitter.com/coders_guide
Facebook: http://goo.gl/DmWtB
Google+: http://goo.gl/cGyk8
Donate: http://goo.gl/q3MPw

Original source

3d Ocean

Related Posts

50 Comments

  1. Abdul Rehman Siddiqui
    February 12, 2019 at 14:16

    sound of your video is hard to hear.

  2. Grazia Lotito
    February 12, 2019 at 14:16

    thanks

  3. Gary Horne
    February 12, 2019 at 14:16

    Good evening Neil,

    I have followed your NavBar tutorial (Thanks), but my NavBar does not show the list items.

    I have created a Paste Bin as suggested.

    <script src="https://pastebin.com/embed_js/CFG0tt7x"></script>

    Thanks

  4. Max Ballard
    February 12, 2019 at 14:16

    Recorded 15 times. That is fucking hard work and dedication. Props to you man for sticking with it.
    You really helped me out, and judging from the comment section and view count you helped out many others.
    Thanks man for the awesome video.

  5. Hotshotter3000
    February 12, 2019 at 14:16

    I hope this helps me in making my website work for mobiles as well as desktops. I made a website. It works perfectly on a desktop, but is all wonky or non-functional on a mobile phone. I did use bootstrap, but I wasn't sure if I was doing it right.

  6. jasper pinheiro
    February 12, 2019 at 14:16

    How to add image beside title in nav-bar?

  7. aminozuur
    February 12, 2019 at 14:16

    LMAO on why its bootrstrap-15.zip 😂😂😂

  8. Alterius Zhang
    February 12, 2019 at 14:16

    I learned more in 11 minutes from your video than an entire 4 weeks of class. Thanks for the vid! 🙂

  9. Patrick Hedley-Miller
    February 12, 2019 at 14:16

    wordpress theme conversion please!

  10. BenGewoonMike
    February 12, 2019 at 14:16

    What is the new jquery link. It is outdated.

  11. Jeff Ward
    February 12, 2019 at 14:16

    Why does he include both the bootstrap.min.css and the styles.css? Aren't they going to be essentially the same?

  12. Allan Paul Evangelista Cruz
    February 12, 2019 at 14:16

    Such a really great help for beginners ^_^

  13. Aidan Hogg
    February 12, 2019 at 14:16

    #FuckWixADS

  14. Eben Hafkamp
    February 12, 2019 at 14:16

    If you're using a framework like Laravel, it comes with Bootstrap out of the box, all you need to do is npm install. Uncomment @import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap"; in the sass file and run gulp. And if you want to incorporate the js just use Browserify.

  15. Jimmy Makhaisingh
    February 12, 2019 at 14:16

    Great video!!! Very simple to understand, I just understand bootstrap much better.

  16. Leonardo Ampuero
    February 12, 2019 at 14:16

    is it possible to have all together angular.js, angular-material.js, jquery.js, and bootstrap.js ?

  17. Mikhail Husyev
    February 12, 2019 at 14:16

    Could you help us make it into a word press theme

  18. imadabab
    February 12, 2019 at 14:16

    Thanks a lot for your great videos. You deserve 100 subscribe if I can.

  19. Jakob
    February 12, 2019 at 14:16

    Excellent tutorial, I've tried learning from other videos but none of them explain as well as you do. Thank you for making this.

  20. Big Bang
    February 12, 2019 at 14:16

    This is not RESPONSIVE, this is ADAPTIVE layout!

  21. Shikher Pandey
    February 12, 2019 at 14:16

    I loved the tutorial. Thanks coder guide

  22. gedq
    February 12, 2019 at 14:16

    you're a good presenter, you know your subject. Now why did you record it in the bathroom?

  23. amit kumar Maurya
    February 12, 2019 at 14:16

    i am really confused with lot of <div> tag we use in bootstrap.
    can any body help me by telling me the simple meaning of <div> tag
    and why we use it in bootstrap

  24. Lake Servers
    February 12, 2019 at 14:16

    pastebin? How the heck do you find the responses after pasting? All there is is trending now. Pretty useless site.

  25. Soso Lobi
    February 12, 2019 at 14:16

    Thanks for the information it's served it's purpose.
    Greetings from Holland. ^^

    And for the one's using Sublime Text like i do, copy paste this license and your done! ^^ :

    —– BEGIN LICENSE —–
    Andrew Weber
    Single User License
    EA7E-855605
    813A03DD 5E4AD9E6 6C0EEB94 BC99798F
    942194A6 02396E98 E62C9979 4BB979FE
    91424C9D A45400BF F6747D88 2FB88078
    90F5CC94 1CDC92DC 8457107A F151657B
    1D22E383 A997F016 42397640 33F41CFC
    E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
    5CDB7036 E56DE1C0 EFCC0840 650CD3A6
    B98FC99C 8FAC73EE D2B95564 DF450523
    —— END LICENSE ——

  26. McGavel1
    February 12, 2019 at 14:16

    I understand your point about Sublime Text and not wanting to do a tutorial if you don't own it…However, they DO give it to everyone free and it's too amazing to not use.

    Therefore, if you use Sublime Text in tuts then you are actually making more $ for ST by advertising its greatness.

    Thanks again for the great info and keep up the good work!

  27. Russ Kirk
    February 12, 2019 at 14:16

    Thanks

  28. Vader
    February 12, 2019 at 14:16

    you mean 500.000

  29. Kerim Grozny
    February 12, 2019 at 14:16

    Can I have more than one .container class in entire website?

  30. Natalie Johnson
    February 12, 2019 at 14:16

    Your audio is not understandable! You have not noticed that?

  31. Dalibor Aleksov
    February 12, 2019 at 14:16

    The best (to start) tutorial I've ever seen !!!

  32. Dukez Venom
    February 12, 2019 at 14:16

    Can anyone give me a bootstrap css menu without the use of bootstrap? that is like the only rfeaking thing i need

  33. Record at The Bins with Mike Britt
    February 12, 2019 at 14:16

    Cant really hear it

  34. Ann Wellhouse
    February 12, 2019 at 14:16

    Excellent tutorial. Thank you!

  35. John Lawani
    February 12, 2019 at 14:16

    To Be honest, you talk too much on unnecessary stuff :/

  36. krishnakant kumar
    February 12, 2019 at 14:16

    nice this is very helpful for us

  37. TCD
    February 12, 2019 at 14:16

    ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js

    You might find you need this updated link for JS 

    Great Tut  Thnx

  38. Md Farhan
    February 12, 2019 at 14:16

    Amazing tutorial. Can you please make a video on how to convert this site into wordpress theme? Thanks for the help!

  39. Sebastian Rodriguez
    February 12, 2019 at 14:16

    Another free alternative for Notepad++ is Visual Studio Code. Its a usefull code editor and very light. It supports code highlight for various programing languages.

  40. ilyass saktoun
    February 12, 2019 at 14:16

    thanks (y)

  41. Georgi Georgiev
    February 12, 2019 at 14:16

    Thank you.
    GOD bless you

  42. RaggaXBomb
    February 12, 2019 at 14:16

    heych ttp

  43. mefugoenmicarro
    February 12, 2019 at 14:16

    thanks for sharing 🙂

  44. DashBam
    February 12, 2019 at 14:16

    15 fucking times? Lol'd

  45. Dan A
    February 12, 2019 at 14:16

    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

  46. Kartikeya Gupta
    February 12, 2019 at 14:16

    Hi!  You used bootstrap.min version for css file but bootstrap.js (and not bootstrap.min.js) for JS, Why is that?

  47. Cherubim Church
    February 12, 2019 at 14:16

    Dude.. at 1:47 that background on your tablet?! What is it? I need it haha, it's so beautiful and cool.

  48. Malcolm Joseph Salvador
    February 12, 2019 at 14:16

    jQuery website does not display the link you copied in the lesson sir, what should I do?

  49. skoanton
    February 12, 2019 at 14:16

    i cant find the quick link for the script, how do i fix that?

  50. Riley Davidson
    February 12, 2019 at 14:16

    Hey thanks for doing this tutorial really helped !

    I'm just wondering if its possible to have the javascript file bootstrap has provided AS WELL as my own linked so I can do my own javascript. The problem is my own javascript file does not seem to load when I try and do this, any help would be greatly appreciated, 

    Thanks

Leave A Comment

You must be logged in to post a comment.