Making 4 column Footer

My website transcriptionus.com and footer is horizontal.

I would like to change it something like this.

How do I go about it?

on your website there’s already that “our features” block, why don’t you use something like that?

or you go on the other website, get to the footer, make a right click → inspect element.

i would recommend using CSS GRIDS.

Refer to the bootstrap documentation and create 4 columns in the usual way ( 4 x span3).

https://getbootstrap.com/2.3.2/scaffolding.html#gridSystem

Then just put the content you require in each column accordingly.

You could hack what you have now but that makes no sense in a bootstrap environment where columns are handled by default classes.

e.g.

You could do this:

.footer-menu ul{
    float:left;
    width:25%;
    clear:none!important;
    margin:0;
    
}
.footer-menu ul + div{clear:both;float:right;}
#footer p.span4 span{float:left;}

But I would advise against it and use the proper bootstrap structure for columns as specified in the documentation. It seems you are using bootstrap2 which is a bit dated now and uses old fashioned floats to create columns which are a relic of the past :slight_smile:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.