Question

Using Bootstrap grid system, create a web page (Home page) layout for small devices as given in the below snap shot:Key Points:1.Create a three column layouts for the web page for small devices.2. Layout should contain a row with three columns divided in 1:4:1 ratio for the small devices.3. Column 1 and 3 should belong to side navigation class of <div> with the id "col1' and 'col3'4. In column 2, the text should be left aligned, use appropriate class for the div with id 'col2'.The footer should be Bootstrap fluid container with centered text.​

Answer 1

Answer:

Using Bootstrap grid system, create a web page (Home page) layout for small devices as given in the below snap shot:Key Points:1.Create a three column layouts for the web page for small devices.2. Layout should contain a row with three columns divided in 1:4:1 ratio for the small devices.3. Column 1 and 3 should belong to side navigation class of <div> with the id "col1' and 'col3'4. In column 2, the text should be left aligned, use appropriate class for the div with id 'col2'.The footer should be Bootstrap fluid container with centered text.