[ad_1]
https://i.ytimg.com/vi/LfB4P8OsbWc/hqdefault.jpg
Try Django 1.8 Tutorial – 22 of 42 – Bootstrap Grid System – Learn Django
Bootstrap: http://getbootstrap.com
Try Django 1.8 is a series to teach you the latest in Django Web Development by building a MVP Landing Page just like http://trydjango.com.
Topics include:
– Django Project Setup
– Models, Model Forms, Forms, Form Validation
– Function Based Views
– Integrate Bootstrap front-end framework.
– Django Registration Redux for Authentication/Registration
– Launch on a live server
– And More
Post any/all questions in the comments area — we try to answer all. If you know the answer someone else’s question(s), please share!
Enjoy a free, ad-free, experience only for this series at: http://joincfe.com/projects/try-django-18
Premium, in-depth, Django tutorials available here: http://joincfe.com/projects.
We are Coding For Entrepreneurs [CFE] and have built an entire library of content to help you master Django and other web technologies launch real projects faster. Enroll today for as low as $20/month.
Subscribe: http://joincfe.com/youtube
What Technology you’ll learn in the Try Django 1.8 series:
— Django Framework (version 1.8): a powerful backend framework used by top sites like Instagram and Pinterest. Django makes it easier to have a powerful web application to use for all types of projects. Django is written in Python (and is one of the most popular Python libraries in the world). Read more here: http://djangoproject.com
— Bootstrap (version 3.3): a powerful front-end framework used by thousands of sites around the world. Bootstrap makes it easier to have a responsive web application so it looks awesome on any mobile device and any desktop computer.
— Python: One of the top programming languages in the world. Powerful enough for the experts, easy enough for beginners. Why? It uses spaces and line breaks with minimal special characters (like !@#$;*) which means it’s closer to English than most programming languages. Learn more: http://python.org
All of our tutorials have a simple goal in mind: get you building something real and quickly.
We were Crowdfunded Kickstarter: http://www.kickstarter.com/projects/jmitchel3/coding-for-entrepreneurs
Original source
14 responses to “Try Django 1.8 Tutorial – 22 of 42 – Bootstrap Grid System – Learn Django”
I had been having trouble trying to figure out why my drop down wasn't working and at the end over there you just saved me a headache! Thank you!
The best tutorials and many thanks
how to use glyphicons with bootstrap??
Question: If I wanted to use the bootstrap cover page for the home page of my website then a different type of style/template from bootstrap for all the others, is it ok to do that? I have that now but realizing maybe I should have just a very stripped down 'base.html' and then add in the html for the various pages…what are your thoughts on this? I figured I would need to use two templates since the css for the cover page is very different than the other pages?
Excellent tutorial. I had been struggling to wrap my brain around the grid concept, and you've put me back on course. You are an excellent teacher. Thank you so much!
These tutorials are awesome.
Somewhere between video 21 and 22 My content block started taking on the gray color of the jumbotron background. I've checked that my code matches the tutorial many times counting div's and making sure each component is structured correctly. I even commented out the content block and the gray background continues to the end of the page. I'm at a loss for why this is happening. Any suggestions on how to debug background/foreground color?
I followed the tutorial but the form doesn't and won't follow the bootstrap grid system.. instead it stays the same size
EXCELLENT and many thanks.
Amazing set of tutorials! You cover what is important and explain why you do things instead of assuming that the viewers know everything. Many other tutorial makers just do stuff, never really talking about why they chose a certain way to do it over another. Just… Amazing work!
Thanks for these invaluable tutorials. Any further advice on how to fix the dropdown menu.
For those of you whose js(dropdown) isn't working correctly, copy this at the end of javascript.html
<script>
$(document).ready(function () {
$('.dropdown-toggle').dropdown();
});
</script>
Kind of off topic a little, but if I'm extending a template say 'base.html' (or any template) and it has {% load staticfiles %} in it, do I have to also include {% load staticfiles %} in the derived template? Does it bring the static files over without specifiacally calling {% load staticfiles %}?
Awesome tutorial guys! Loved it.