html - フォーム要素の外側にある div 要素、Laravel 5.2 フォーム ヘルパー

Question

div がないかどうか、または何が間違っているかわかりません。これを引き起こす可能性のある絶対的または相対的な配置はありません

したがって、モーダルは次のようになります。

<div class="modal fade" id="{{ 'editPost' . removeSpaces($post->title) }}" tabindex="-1" role="dialog" aria-labelledby="{{ 'editPost' . removeSpaces($post->title) }}">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="editPost">Edit {{ $post->title }}</h4>
            </div>
            <div class="modal-body">
                @include('blog.posts.edit', ['postToEdit' => $post])
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

わかりましたincludeので、これまでのところすべて問題ないようです...

{{ Form::open(array('url' => array('edit-post', $postToEdit->title), 'class' => 'form-horizontal')) }}
    <div class="form-group">
        {{ Form::label('title', 'Post Title', array('class' => 'col-sm-2 control-label')) }}
        <div class="col-sm-10">
            {{ Form::text('title', $postToEdit->title, array('placeholder' => 'sample title', 'class' => 'form-control')) }}
        </div>
    </div>
    <div class="form-group">
        {{ Form::label('content', 'Post Content', array('class' => 'col-sm-2 control-label')) }}
        <div class="col-sm-10">
            {{ Form::textarea('content', convertToMarkdown($postToEdit->content), array('placeholder' => 'some content', 'class' => 'form-control')) }}
        </div>
    </div>
    <div class="form-group">
        {{ Form::label('tags', 'Post Tags', array('class' => 'col-sm-2 control-label')) }}
        <div class="col-sm-10">
            {{ Form::text('tags', '', array('class' => 'form-control', 'data-role' => 'tagsinput')) }}
        </div>
    </div>
    <div class="form-group">
        {{ Form::label('categories', 'Post Categories', array('class' => 'col-sm-2 control-label')) }}
        <div class="col-sm-10">
            {{ Form::text('categories', '', array('class' => 'form-control', 'data-role' => 'tagsinput')) }}
        </div>
    </div>

    {{ Form::hidden('blogId', $blog->id) }}

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            {{ Form::submit('Create', array('class' => 'btn btn-primary')) }}
        </div>
    </div>
{{ Form::close() }}

ここで問題が発生します。これらのform-groupdiv はすべてformタグの外側にあります。次の原因となるデフォルトのブートストラップ css を除いて、css はありません。

[

これは何が原因なのだろう

フォームの計算されたプロパティを調べてみましたが、その要素は何も目立ちません。ここでも、絶対的な配置はありません。これはすべて標準的なブートストラップ ジャズです。

フォーム要素のすべてのタグを削除して中に入れても、フォームの外側に表示されます...フォームタグの外側にhello worldも<form> hello world</form>表示されますhello world