JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<header>
  <h1>New Post</h1>
  <a href="#help" data-toggle="modal" data-backdrop="static"><span class="glyphicon glyphicon-question-sign"></span></a>
</header>


<div id="help" class="modal fade pull-right" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <a href="#" title="Close help" class="close" data-dismiss="modal" aria-label="close">&times;</a>
        <h1 class="modal-title">Form Help</h1>
      </div>
      <!-- /.modal-header -->
      <div class="modal-body">
        <p>
          Click Input fields, and write!
        </p>
      </div>
      <!-- /.modal-body -->
    </div>
    <!-- /.modal-content -->
  </div>
  <!-- /.modal-dialog -->
</div>
<!-- /help -->

<form class="new_post" method="post">
  <div class="field input-group required">
    <label for="post">Post</label>
    <br>
    <br/>
    <textarea class="form-control" name="post" id="post" cols="100">
    </textarea>
  </div>
  <div class="field">
    <label for="post_type">Post Type</label>
    <br>
    <input type="hidden" name="post[post_type][]" id="post_Post_Type_" /> News&nbsp;
    <input type="checkbox" name="post[Post_Type][]" id="post_Post_Type_" value="News" />
    <br/> Philosophy&nbsp;
    <input type="checkbox" name="post[Post_Type][]" id="post_Post_Type_" value="Philosophy" />
    <br/> Recipe&nbsp;
    <input type="checkbox" name="post[Post_Type][]" id="post_Post_Type_" value="Recipe" />
    <br/>
    <br/>
  </div>
  <div class="actions">
    <input type="submit" name="commit" value="Create Post" class="btn btn-success" />
    <a class="btn btn-danger" id="cancel" href="/home">
      <span class="glyphicon...

CSS

.modal-backdrop {
  display: none !important;
}

#help {
  margin-left: 50%;
}

.modal-backdrop {
  display: none !important;
}

body.modal-open {
  overflow: visible;
}