JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <!-- Fixed navbar -->
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <a href="#" class="navbar-left"><img class="img-responsive" src="logo.png"></a>
            </div>
        </div>
      </nav>
    <!-- Begin page content -->
      <div class="container">
          <div class="row">
              <div class="col-xs-12 col-sm-3">
                  <div class="panel panel-primary">
                      <div class="panel-heading">меню</div>
                      <ul class="list-group">
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li> 
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                          <li class="list-group-item">1</li>
                      </ul>
                  </div>
              </div>
              <div class="col-xs-12 col-sm-9">
                  <div class="panel panel-primary panel-body">
                      <div class="page-header">
                          <h1>Заголовок статьи</h1>
                      </div>
                      <p class="lead">Контент - материал статьи<br>Текст</p>
                  </div>
              </div>
          </div>
      </div>
      <footer class="footer panel-footer">
          <div class="container">
              <p class="text-muted">&copy; 2017 </p>
          </div>
      </footer>
    </body>

CSS

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/customize/?id=d3883994b8f45d2de4945d4df8a182a7)
 * Config saved to config.json and https://gist.github.com/d3883994b8f45d2de4945d4df8a182a7
 */
/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
 ...