JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<footer class="site-footer">
    <div class="footer-upper">
        <div class="container">
            <nav class="row" role="navigation">
                <div class="span4 center">
                    <ul class="list-unstyled">
                        <h5>Lorem</h5>
                        <li><a href="#">Lorem</a></li>
                        <li><a href="#">Ipsum</a></li>
                        <li><a href="#">Dolor</a></li>
                        <li><a href="#">Sit</a></li>
                        <li><a href="#">Amet</a></li>
                    </ul>
                </div>
                <div class="span4 center">   
                    <ul class="list-unstyled">
                        <h5>Lorem</h5>
                        <li><a href="#">Lorem</a></li>
                        <li><a href="#">Ipsum</a></li>
                        <li><a href="#">Dolor</a></li>
                        <li><a href="#">Sit</a></li>
                        <li><a href="#">Amet</a></li>
                    </ul>
                </div>
                <div class="span4 center">
                    <ul class="list-unstyled">
                        <h5>Lorem</h5>
                        <li><a href="#">Lorem</a></li>
                        <li><a href="#">Ipsum</a></li>
                        <li><a href="#">Dolor</a></li>
                        <li><a href="#">Sit</a></li>
                        <li><a href="#">Amet</a></li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
</footer>

CSS

.span4 {
    background: red
}

.span4 ul {
    list-style-type: none
}

.center {
    text-align: center
}

JavaScript

$( document ).ready(function() {

});