JSFiddle - React, Tailwind, and code Playground

by brunogc

HTML

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="container-fluid color-back">
    Some text
</div>

<div class="container-fluid color-back">
    <div class="row">
            Some text
    </div>
</div>

<div class="container-fluid color-back2">
    <div class="row">
        <div class="col-md-6">Opa</div>
        <div class="col-md-6">Opa</div>
    </div>
</div>

<div class="container-fluid color-gutter">
    <div class="row no-gutter">
        <div class="col-md-3">Opa</div>
        <div class="col-md-3">Opa</div>
        <div class="col-md-3">Opa</div>
        <div class="col-md-3">Opa</div>
    </div>
</div>

<div class="container-fluid color-gutter2">
    <div class="row no-gutter-borders">
        <div class="col-md-3">Opa</div>
        <div class="col-md-3">Opa</div>
        <div class="col-md-3">Opa</div>
        <div class="col-md-3" style="background-color:pink">Opa</div>
    </div>
</div>

<div class="container-fluid">
    <div class="row">
        <div class="col-md-3">Opa</div>
        <div class="col-md-3">Opa</div>
        <div class="col-md-3">Opa</div>
        <div class="col-md-3" style="background-color:pink">Opa</div>
    </div>
</div>

CSS

@import url('//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css');

.color-back {
    background-color: red;
}
.color-back2 {
    background-color: yellow;
}
.color-gutter{
    background-color: blue;
}
.color-gutter2{
    background-color: orange;
}
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.no-gutter-borders > [class*='col-']:first-child,
.no-gutter-borders > [class*='col-']:last-child{
    padding-right:0;
    padding-left:0;
}