JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
             <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
           
		<!--nav bar-->
		<nav class="navbar navbar-default navbar-fixed-top">
			<div class="container-fluid">
				
				      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
        <span class="sr-only"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
			
    			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				  <ul class="nav navbar-nav">
						<li class="active"><a href="index.html">Home <span class="sr-only">(current)</span>							</a></li>
						<li><a href="about_us.html">About us</a></li>
						<li><a href="downloads.html">Downloads</a></li>
				  </ul>	
				</div>
  			</div>
			 <div class="navbar-header">

		
     
    </div>

		</nav>
		
		
		<!--header-->
        <div id="header">
            <div class = "container">
				<center>
            		<h1>Überschrift</h1>
					<h3>unter überschrift</h3>
				</center>
         	</div>
        </div>
		
		
		<!-- body-part -->
		<div class = "container">
			<h2>News</h2>
			<hr/>
			<div class ="line">
				<div class="col-xs-6 col-sm-3">
					<a href="#" class="thumbnail">
						<img src="ip_doesnt_exist.jpg" alt="...">
					</a>
				</div>
				<h4 >Example heading</h4>
				<p class="text">jalösdjflkajglökadjflögkjaölkdfjölk jaölksjdföl jölkasdjfölka </p>
				<br/>
				<br/>
				<p><b>1.1.1999</b></p>
				<br/>
				<br/>
				<br/>
				
				<hr/>
			
				
			</div>
			
			<div class ="line">
				<div class="col-xs-6 col-sm-3">
					<a href="#" class="thumbnail">
						<img src="ip_doesnt_exist.jpg"...