ブートストラップ3のパネルフッターがパネルに表示されない

私は応答性の高いWeb管理シングルページアプリケーションに取り組んでいます。私はBootstrap 3とAngularJS 1.4.8を使用しています。パネルを作成しました。 2つのボタンでフォーム内のフッター。ブートストラップ3のパネルフッターがパネルに表示されない

私の問題は、パネルのフッターがパネルの長さをカバー/埋めることができないということです。

formの内部にフッターを置く必要がありますか？ボタンが情報を送信できるようにするか、フッターをformの外側に置いてもボタンは情報を送信できますか？

私はこの問題は、私がパネルの見出しを入れて<div class="col-lg-12"> を作成し、このdivの内側に私はパネルのフッターがパネル全体をカバーしていない理由ですので、パネルのコンテンツを置くために、別の<div class="col-lg-6">を作成したことだと思います。

フッターを<div class="col-lg-6">の外に置いてみましたが、これが機能していれば、このボタンはformの外にあります。この問題は、私がボタンをformの外に置く悪い習慣のように思えますか？

は、ここでは、パネル体の内側にそれを持っているので

<div class="row"> 
    <div class="col-lg-12"> 
     <h1 class="page-header">Create User</h1> 
    </div> 
    <!-- /.col-lg-12 --> 
</div> 
<!-- /.row --> 
<div class="row"> 
    <div class="col-lg-12"> 
     <div class="panel panel-primary"> 
      <div class="panel-heading"> 
       Basic Form Elements 
      </div> 
      <div class="panel-body"> 
       <div class="row"> 
        <div class="col-lg-6"> 
         <form role="form"> 
          <div class="form-group"> 
           <label>Name:</label> 
           <input class="form-control" placeholder="user name"> 
          </div> 
          <div class="form-group"> 
           <label>Email:</label> 
           <input class="form-control" placeholder="email"> 
          </div> 
          <div class="panel-footer clearfix"> 
           <div class="pull-right"> 
            <button type="reset" class="btn btn-default">Reset</button> 
            <button type="submit" class="btn btn-primary">Send</button> 
           </div> 
          </div> 
         </form> 
        </div> 
        <!-- /.col-lg-6 (nested) --> 
        <!-- /.col-lg-6 (nested) --> 
       </div> 
       <!-- /.row (nested) --> 
      </div> 
      <!-- /.panel-body --> 
     </div> 
     <!-- /.panel --> 
    </div> 
    <!-- /.col-lg-12 --> 
</div> 
<!-- /.row -->

出典

2016-04-28 StackQuestion