Solved

4 unordered lists for footer in Twitter Bootstrap

Posted on 2014-03-30
2
2,565 Views
Last Modified: 2014-04-26
I have a proper setup for a header, a content area and now I am looking to add a footer for the front page.  I would like to have 4 unordered lists for the front page similar to the following sites:

https://kippt.com/

Thanks!
0
Comment
Question by:VBBRett
2 Comments
 
LVL 28

Accepted Solution

by:
chilternPC earned 250 total points
ID: 39966217
this link defines the html and the CSS and shows a demo:
easy to change to a 4 column footer.

http://thomaslarangeira.com/3-column-footer-with-css/


view the  demo here: http://thomaslarangeira.com/tutorials/examples/3-column-footer/index.html
0
 
LVL 5

Assisted Solution

by:Neil_Bradley
Neil_Bradley earned 250 total points
ID: 39968285
Hi Brett,
the example you have given shows a mobile responsive layout based on Bootstrap Framework.
No problem to set up the 4 columns containing your lists if you have set your website in the same way. If not then can you provide a link to your site so we can see the CSS you have used so far.
Determining whether or not your site is responsive or not will profoundly effect the outcome of your question.
Cheers,
N
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

840 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question