• Wednesday , 21 November 2018

Try Django 1.8 Tutorial – 22 of 42 – Bootstrap Grid System – Learn Django

Code Canyon
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

3d Ocean

Related Posts

14 Comments

  1. Sam Minniota
    November 3, 2018 at 11:57

    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!

  2. Anatoly Barabanov
    November 3, 2018 at 11:57

    The best tutorials and many thanks

  3. Gabriel D
    November 3, 2018 at 11:57

    how to use glyphicons with bootstrap??

  4. Na Peters
    November 3, 2018 at 11:57

    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?

  5. Darc Nawg
    November 3, 2018 at 11:57

    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!

  6. DanDaMan0411
    November 3, 2018 at 11:57

    These tutorials are awesome.

  7. hugheser27
    November 3, 2018 at 11:57

    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?

  8. David Roze
    November 3, 2018 at 11:57

    I followed the tutorial but the form doesn't and won't follow the bootstrap grid system.. instead it stays the same size

  9. Duta Ksp
    November 3, 2018 at 11:57

    EXCELLENT and many thanks.

  10. Vesko Nikolov
    November 3, 2018 at 11:57

    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!

  11. PirateRandy
    November 3, 2018 at 11:57

    Thanks for these invaluable tutorials. Any further advice on how to fix the dropdown menu.

  12. kush trivedi
    November 3, 2018 at 11:57

    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>

  13. Chris Kavanagh
    November 3, 2018 at 11:57

    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 %}?

  14. Chris Kavanagh
    November 3, 2018 at 11:57

    Awesome tutorial guys! Loved it.

Leave A Comment

You must be logged in to post a comment.