JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://raw.github.com/twitter/bootstrap/master/docs/assets/css/bootstrap.css">
<div id="body_wannabe">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam a neque non metus molestie convallis. Mauris viverra nisi sit amet mi mattis, quis cursus sapien ultricies. Curabitur venenatis fringilla massa, quis lobortis velit pulvinar eget. Nulla a venenatis felis. Sed commodo dolor nibh, ut elementum odio pretium at. Nunc convallis sapien vitae felis mollis, a porta dolor bibendum. Mauris et vehicula mi, et ultricies turpis. Phasellus tincidunt leo nec diam aliquam, a suscipit nulla vulputate. Sed suscipit, diam at ultricies adipiscing, ante dolor dapibus tellus, nec sodales nibh dolor a tortor. Vivamus eget felis eu justo gravida venenatis ut et quam.<p>
<a data-toggle="modal" href="#myModal" class="btn btn-primary btn-large">Launch demo modal</a>
<p>
Morbi at justo id quam accumsan volutpat vitae sed lectus. Quisque ut arcu congue, aliquam sem et, lobortis velit. Aliquam in lorem sed dui suscipit pharetra id fermentum felis. Sed placerat ultricies hendrerit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed at mollis tellus. Phasellus bibendum dui sit amet vehicula pellentesque. Donec a venenatis leo. Sed sodales nec tortor eu consequat. Morbi auctor tincidunt justo commodo cursus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin pharetra lacus tincidunt purus consequat ultricies. Proin ligula justo, volutpat eget suscipit sed, sagittis et lectus. Morbi blandit malesuada gravida. Pellentesque accumsan, elit non accumsan vestibulum, diam quam suscipit mi, vitae facilisis purus turpis quis lorem.
<p>
Mauris scelerisque mattis luctus. Quisque nec molestie justo. In nec nibh id tellus suscipit faucibus. Nullam vulputate mollis nisi vitae feugiat. Vivamus accumsan nisl erat, quis commodo risus iaculis eu. Sed semper, tellus nec accumsan...
CSS
#body_wannabe
{
border:5px solid #000;
width:100%;
}
/*!
* Bootstrap v2.0.3
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible;
line-height: normal;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border:...