JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
		<div class="container">
			<div class="row">
				<div class="col-md-3">
					<span class="copyright">Copyright &copy; Bla Bla 2015</span>
				</div>
				<div class="col-md-6">
					<div class="disclaimer">
					<span>Der ritter überladen ie des den der kâmen und. Daz ane waz ie der waz Tristan, lant ende, wol daz, schaden nieman lant benaeme sîne ze der wîp, schaden liute ie. Und diz von, trôstes wârheit haete nieman unde. Iuch meistiu alsô lande ze belanget, vol niht verluren, meistiu er schedelîchen swer ritter ze ie niht ende swer.<br><br>Nû von wizzen nû, trôstes leide vernomen er an vil unde iuch der ie und nû. Einen der maeres was sîn ze ist welle dâ dô trôstes maeres sô er der ze, der diz noch. Der, welle vâlant tohter ane ie diz dar maere anders daz manz was und diz giht daz? Dâ tûsenden sîne er zuoversiht dar unde eine ze leide erkande. Was des sîne ritter ir waere der iuch von daz, diz swer lantmaere liute ane vride swuor. Der, kâmen niht, ir iuch belanget wunneclîche ritter maere zuoversiht. Lant daz bî selbe sîn niht daz.</span>
						<img id="logo_left" src="http://s1.postimg.org/j4mav1ikb/logo_left.jpg" class="img-responsive img-left" alt="">
						<img id="logo_right" src="http://s1.postimg.org/bda6a83sr/logo_right.jpg" class="img-responsive img-right" alt="">
					</div>
				</div>
				<div class="col-md-3">
					<ul class="list-inline legallinks">
						<li>
							<a href="#modal_legal1" class="legal-link" data-toggle="modal">Legal1</a>
						</li>
						<li>
							<a href="#modal_legal2" class="legal-link" data-toggle="modal">Legal2</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</footer>

CSS

footer {
	padding: 25px 0px;
	.disclaimer{
		font-size:11px;
		text-align: justify;
		
	}
	span.copyright {
		margin-top: 0;
		font-weight: 700;
		
		.heading-font;
		text-transform: none;
	}
	ul.quicklinks {
		font-weight: 700;
		.heading-font;
		text-transform: none;
	}
}