CODEWITHSUNDEEP
csshtmltwitter-bootstrap
Ludwig
Ludwig

Reputation: 1801

HTML5 grid layout

Since I am beginner and so far I have been only working with Bootstrap, I am used to their conventional layouts with rows and columns, I am wondering how do you make this kind of layout where the left green column, this side bar looks like it is put on top or over the usual container with columns. Can anyone please explain how it is done?

This is the example web page

Upvotes: 0

Views: 464

Answers (1)

Sachin
Sachin

Reputation: 765

To achieve this, you can use the CSS property of z-index.

What z-index does is that it can be used how high you want your contents on the page to be. This meaning, if there are two divs on top of each other, the div with the higher z-index will be displayed on top of the div with the lower index.

Please note that z-index only works when you position your content

Here is a basic example of z-index being used with divs.

Hope I helped.

Upvotes: 1

Related Questions