JSFiddle - React, Tailwind, and code Playground

by philll_t

HTML

<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">

<div class="container">



<div class="navbar">
  <div class="navbar-inner">
    <a class="brand" href="#">Bootstrap 2.3.1 Navbar</a>
    <ul class="nav">
      <li class="active"><a href="#">Home</a></li>
      <li><a href="#">Link</a></li>
      <li><a href="#">Link</a></li>
    </ul>
  </div>
</div>

<div class="new-bootstrap">
  
  <div class="panel panel-default">
    <div class="panel-body">
       Panel body (not available in new bootstrap)
    </div>
  </div>

   <div class="card">
     <div class="card-body">
           A card Body 
    
     </div>
   </div>
</div>

<div class="card">
   <div class="card-body">
   Card outside of the body
 </div>
</div>


</div>

SCSS

span.new-bootstrap {
  @import url("https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css")
}