JSFiddle - React, Tailwind, and code Playground

by houssamk

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/2.3.1/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/2.3.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/2.3.1/css/bootstrap-responsive.min.css">
<div class='row'>    
    
    <div class='span6 hidden-desktop visible-tablet visible-phone'>YY</div>
    
    <div class='span3'>X</div>
    
    <div class='span6 visible-desktop hidden-tablet hidden-phone'>YY</div>
    
    <div class='span3'>Z</div>
</div>

CSS

div {
    border: 1px solid #333;
    min-height:60px;
    height:100px;
}
div.span3 {
    background:teal;
}
div.span6 {
    background:steelblue;
}