JSFiddle - React, Tailwind, and code Playground

by Elena Shevchuk

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<div class="container">
    <div class="row">
        <div class="col-sm-4">text</div>
        <div class="col-sm-4">text</div>
        <div class="col-sm-4">text</div>
    </div>

    <h2>Вторая строка </h2>

    <div class="row cd">
        <div class="col-sm-4 col-xs-12">text</div>
        <div class="col-sm-4 col-xs-12">text</div>
        <div class="col-sm-4 col-xs-12">text</div>
    </div>
</div>

CSS

.col-sm-4 {
    height: 100px;
    background: green;    
    padding: 10px;
    border: 1px solid white;
}
.cd {
    /* margin: 15px 0; */
}
.cd .col-sm-4 {
    background: yellow;
}