Bootstrap Grid – CSS Grids Series (part 13 – Footer)



https://i.ytimg.com/vi/XNkOkzROU30/hqdefault.jpg



DevTips is a YouTube show about web design and development.

“HTML5 Basics” Playlist:

“CSS Basics” Playlist:

“How to build a professional website from start to finish” Playlist:

—-

Follow the DevTips GitHub Page to get all the codez:
https://github.com/DevTips

DevTips now has a twitter account:

Travis also tweets:


Original source


44 responses to “Bootstrap Grid – CSS Grids Series (part 13 – Footer)”

  1. For the copyright area… for me, if I use your code, it exceeds the col-sm-12 width. And this is because of that inline padding you've put: padding:20px 0 40px;, which overrides the bootstrap's 15px padding for the sides. So it should be 20px 15px 40px.

  2. Another thing +DevTips: for some reason the website doesn't scale well on mobile devices. If I open it on my phone after uploading it to my space to test on the different devices it still shows the whole page trying to fit the three columns and everything on my mobile.

    On the tablet in landscape it kinda works, but on the other devices it doesn't.
    Why is that? I thought Bootstrap was mobile-ready right off the bat.

  3. 1:20 what would you do in a real work scenario where you can't choose to divide add or remove an item when working with a 12 columns grid and need to align, let's say like in this case, 5 items?

    Finished this course too anyway and it's awesome as the others, you're a blessing to developers Trevis!

  4. Thank you for this amazing series. This was a new experience working with Jade, SASS and bootstrap. Glad I followed along and picked up some new languages to explore along the way. Will definitely be using all three languages more in the future.

  5. Hi Travis, i've come across your channel because I wanted to refresh my CSS knowledge in general. (Have been like 8 years since my last Webdesign involvement) I'm glad you've put up this series for bootstrap. My motivation to watch through it in one piece was the following:
    A friend of mine is using the plentymarket ERP-system for auction listings and webshops. The ERP-company has recently created a template by the name Callisto Light which is based on bootstrap. Thanks to your series I will now have a much easier task to individually adapt it to my friend's needs. And your videos are entertaining! 
    Is there a way to donate for DevTips?

    Cheers,
    Matt

  6. Great series! I used it to test my branch of your DevTips-Starter-Kit and it worked very well. If you're interested in checking it out, you can find it here: https://github.com/ClintonBaker/DevTips-Starter-Kit/tree/Gulp-Starter-Kit
    Keep in mind, I'm still a newb, so it's not perfect, and there are some things I still probably need to add (like image compression), but I'm enjoying it so far ha ha. Let me know what you think if you do check it out!

  7. Wow, you had me locked to this series and I watched it all in practically one go!  Can't wait to start using Jade later today.  Hope you'll try this with Bourbon but can't say I'd want to watch the same template from start to finish again…  I expect it's even tougher on you to do it than for me to watch it again though!

  8. And voila the damn site is responsive without anything to do. Wow!
    Great series.
    Now I have a "feeling" of bootstrap. It's kind of a page describing language with its class names.
    I knew susy before – never thought that it would be a less used gridsystem, cause it is quite often used in CMS-World, y'know the reaaal CMS like drupal 😉 – but it has a really different approach than bootstrap. Although I haven't dived in Susy not so long. (Kind of feeling weird writing about what I've done with Susy, it's just a grid system isn't she? )
    Looking forward for your next vids about other things as grids and of course for the sparing with foundation.

  9. My webdev skills are over a decade old & I'm trying to catch up, and this channel has been a godsend to learning the basic principles of a modern webdev environment (coming from using Dreamweaver exclusively up to now). Just got to the end of this series. It was very good!
    What I learned:
    – How to use Jade (omg so good!)
    – Saw some practical implementation of Bootstrap.
    – Learned how to do columns without using <table>, something I need for when I re-build my hobby site in the near-future.
    – Your use of, and explanation of mixins has finally enabled me to grasp what they are! Seriously, I've been trying to wrap my head around them for weeks.

    Some constructive criticism regarding this series:
    – Feels like too many videos, some of which were too short. 5-6 videos would have been better.

  10. Hi Travis.
    I started investigating grid systems specially the Bourbon / neat. I have mixed feeling about bootstrap. The layout you designed, will it be possible using neat? please make my day and do the next grid series using  Bourbon / Neat

  11. Come on David Cross, why don't you do a series on how to make our own responsive grid using Sass?! Bollocks to it, why don't you do one making a full blown framework with some nice styles etc? (just a lightweight one) 😛

  12. Great series. I loved how easy it is to figure Bootstrap out as you go and how everything is automatically responsive. Great documentation. 

    I'm NEVER letting Prepros go, it really simplified my workflow.

    And the classy finish "Copyright Your Mom" made me chuckle.

    Thanks Travis!

  13. Great set of videos Travis. Here's a question perhaps you can address. Jade or Jekyll ?? which one would be a way to go for a large scale project. I am really liking the look and feel of Jade especially how it has the feel of sass but with HTML. So the reason I ask this question I am fixing to undertake a large project that is a basic redesign of a website so as of right now I am really thinking about going Jade with it. The reason for the redesign is one the website is a static site but is powered by WordPress and while WordPress is a good CMS for blogs it has to be hacked around on to be a good CMS for a static site, and the company that originally created this site for the guy fixed in it such a way if anything needs to be upgraded they would have to be the ones to do it and charge a big price for it. So I am going to go and build it from the ground up as plain HTML and then once it's finished and the new site is live I'm planning to take a phase and build it using another type of CMS. I'm looking at Concrete5 right now as a possibility has anyone else here tried it out or know much about it? Anyway back to the question JADE or JEKYLL?????

Leave a Reply