<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">Modal Large</button>

<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <div class="modal-header">

        <!-- headline -->
        {{#headline}}  {{>atoms-headlines}}  {{/headline}}
        <!-- endif headline -->

        <!-- close button -->
        {{#closeButtons}}
          {{>atoms-modal-buttons}}
        {{/closeButtons}}
        <!-- endif close button -->

      </div>

      <div class="modal-body">

        <form>
          <div class="form-group">
            <!-- label and input -->
            {{#inputLabel}} {{>atoms-labels}} {{/inputLabel}}
            {{#input}} {{>atoms-inputs}} {{/input}}
            <!-- endif label and input -->
          </div>

          <div class="form-group">
            <!-- label and textarea -->
            {{#areaLabel}}{{>atoms-labels}}{{/areaLabel}}
            {{#textArea}}  {{>atoms-textareas}}  {{/textArea}}
            <!-- endif label and textarea -->
          </div>
        </form>

      </div>

      <div class="modal-footer">
        <!-- footer button -->
        {{#footerButtons}}  {{>atoms-modal-buttons}}  {{/footerButtons}}
        <!-- endif footer button -->
      </div>

    </div>
  </div>
</div>
