Скачать или смотреть How to Make Full Width Cover Background Image in Bootstrap-Bootstrap for Beginners

Way to make full-width covered background image in Bootstrap and using @media query to make it responsive in various device - Learning Simplified.
================================
In this Bootstrap tutorial for beginners, we have discussed two fundamental parts - the first part is creating a full-width background image for a container along with a text alignment in the middle part as we will later observe while creating the Bootstrap Jumbotron, and the second part is implementation of @media query in an order to vary the text size such as they maintain a proper visual display all along, irrespective of the media width.
Things those we are going to learn here are:

1) Creating and styling a particular class name to be used along
with container.
2) Putting the background image to the class name and attributing
properties as necessary.
3) Using the class name in the new .html page created in this
purpose.
4) Introducing @media query to our custom.css
5) Setting max-width or min-width dimension and corresponding
properties.
6) Analysis and Browser preview
7) Creating another container class at the bottom of the first
container to show each individual containers work well

The second container class name is deliberately taken as container, i.e., we have restricted the width in this case within 1200px (1170px + 30px). It is to make you understand the difference between classes container and container-fluid. Hope you will find it handy.

=====================================================
Stay tuned to our channel to learn more:
   / @learningsimplified  
=====================================================
Watch for relevant blogs at :
http://learnsimple1987.blogspot.in/
=====================================================
Our G+ profile is at:
https://plus.google.com/u/0/b/1086166...
=====================================================
Twit us at:
  / learnmaniac1987  
=====================================================
watch us at facebook :
  / learnmaniac1987  
======================================================

If you liked our video, do not forget to LIKE, COMMENT, SHARE and hit that red SUBSCRIBE button

~-~~-~~~-~~-~
Please watch: "JavaScript Tutorial for Beginners #12- Make a Basic Calculator"
   • JavaScript Tutorial for Beginners #12- Mak...  
~-~~-~~~-~~-~