JSFiddle - React, Tailwind, and code Playground

by Fredy Sudhir

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/examples/cover/cover.css">
	<div id="footmenu">
		<div class="container mainmenu">
			<div class="row">
    
				<div class="col-md-4">
					<div class="navmenu_l">
						<ul>
							<li><a href="#">List1</a></li>
							<li><a href="#">List2</a></li>
							<li><a href="#">List3</a></li>
						</ul>
					</div>
				</div>
				
				<div class="col-md-4">
					<div class="logo">
						<img src="http://www.placecage.com/c/60/60" />
					</div>
				</div>
				
				<div class="col-md-4">
					<div class="navmenu_r">
						<ul>
							<li><a href="#">List1</a></li>
							<li><a href="#">List2</a></li>
							<li><a href="#">List3</a></li>
						</ul>
					</div>
				</div>
                
			</div>
		</div>
	</div>

CSS

#footmenu {
    background:grey;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
 }

.logo {
    width: 200px;
    height: 85px;
}

.row{
    text-align:center;
}

.col-md-4{
    display:inline-block;
    float:none;
    width:auto;
    vertical-align:top;
}

.col-md-4 ul{
    list-style:none;
    padding:0;
}