JSFiddle - React, Tailwind, and code Playground

by jt3k

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<div class="modal hide fade" id="myModal" style="display: none;">
            <div class="modal-header">
              <a data-dismiss="modal" class="close">×</a>
              <h3>Я злобная форма</h3>
            </div>
            <div class="modal-body">
              <h4>Заполняем форму</h4>
                <form method="post" action="http://yandex.ru">
        <label> Имя <input name="name" type="text"></label>
        <label> Фамилия <input name="lastname" type="text"></label>
        <label> Отчество  <input name="middlename" type="text"></label>
        <label> Возраст <input name="age" type="text" class="span1"></label>
        <label> Телефон <input name="phone" type="text"></label>
        <input type="submit" class="btn btn-primary"><br>
                </form>

              <h4>Popover in a modal</h4>
              <p>This <a data-content="And here's some amazing content. It's very engaging. right?" class="btn popover-test" href="#" data-original-title="A Title">button</a> should trigger a popover on hover.</p>

              <h4>Tooltips in a modal</h4>
              <p><a class="tooltip-test" href="#" data-original-title="Tooltip">This link</a> and <a class="tooltip-test" href="#" data-original-title="Tooltip">that link</a> should have tooltips on hover.</p>

              <hr>

              <h4>Overflowing text to show optional scrollbar</h4>
              <p>We set a fixed <code>max-height</code> on the <code>.modal-body</code>. Watch it overflow with all this extra lorem ipsum text we've included.</p>
              <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
              <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
    ...