Creating images with Bootstrap row/columns

Creating images with Bootstrap row/columns
0

#1

I would like to know if there’s a simple way to create images from Boostrap’s columns and rows. I would like to do something like this: https://help.github.com/assets/images/help/profile/identicon.png
Do I have to give the height and width to the divs and then set the background color? I admit I’m a bit lost…
I know it hasn’t much sense but believe me I need to find a solution to this in order to finish a task :slight_smile:

Thank you!


#2

you do not need to use bootstrap. if you do it will become a troublesome solution. You can use simple html and css.

div class="row1"
div class="col1"
div
div class="col2"
div
div


.row1 {
width: as you like;
height: as you like;
margin: 0px auto 0px auto;
color: your choice;
}

.col1 {
margin: 0px;
width: 20%;
height: 100%;
color: as you like;
float: left;
}

.col2 {
margin: 0px;
width: 20%;
height: 100%;
color: as you like;
float: right;
}

this demo will make first cow and its two columns. apply this technique to all your rows. you can set color to white on the blank columns.