[ad_1]
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
50 responses to “Bootstrap 3 Tutorials – # 1 – Build a responsive Bootstrap 3 site”
sound of your video is hard to hear.
thanks
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
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.
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.
How to add image beside title in nav-bar?
LMAO on why its bootrstrap-15.zip ๐๐๐
I learned more in 11 minutes from your video than an entire 4 weeks of class. Thanks for the vid! ๐
wordpress theme conversion please!
What is the new jquery link. It is outdated.
Why does he include both the bootstrap.min.css and the styles.css? Aren't they going to be essentially the same?
Such a really great help for beginners ^_^
#FuckWixADS
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.
Great video!!! Very simple to understand, I just understand bootstrap much better.
is it possible to have all together angular.js, angular-material.js, jquery.js, and bootstrap.js ?
Could you help us make it into a word press theme
Thanks a lot for your great videos. You deserve 100 subscribe if I can.
Excellent tutorial, I've tried learning from other videos but none of them explain as well as you do. Thank you for making this.
This is not RESPONSIVE, this is ADAPTIVE layout!
I loved the tutorial. Thanks coder guide
you're a good presenter, you know your subject. Now why did you record it in the bathroom?
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
pastebin? How the heck do you find the responses after pasting? All there is is trending now. Pretty useless site.
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 โโ
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!
Thanks
you mean 500.000
Can I have more than one .container class in entire website?
Your audio is not understandable! You have not noticed that?
The best (to start) tutorial I've ever seen !!!
Can anyone give me a bootstrap css menu without the use of bootstrap? that is like the only rfeaking thing i need
Cant really hear it
Excellent tutorial. Thank you!
To Be honest, you talk too much on unnecessary stuff :/
nice this is very helpful for us
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
Amazing tutorial. Can you please make a video on how to convert this site into wordpress theme? Thanks for the help!
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.
thanks (y)
Thank you.
GOD bless you
heych ttp
thanks for sharing ๐
15 fucking times? Lol'd
<meta name="viewport" content="width=device-width, initial-scale=1.0">ย
Hi! ย You used bootstrap.min version for css file but bootstrap.js (and not bootstrap.min.js) for JS, Why is that?
Dude.. at 1:47 that background on your tablet?! What is it? I need it haha, it's so beautiful and cool.
jQuery website does not display the link you copied in the lesson sir, what should I do?
i cant find the quick link for the script, how do i fix that?
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