Bootstrap面板中的网格覆盖

Question

在面板主体内插入网格时遇到了一些麻烦。到目前为止，我已经尝试过了，但仍无法使其正常工作。

这就是我得到的：

用答案编辑：

 <div class="panel panel-default">
        <div class="panel-heading">
            <h4>
                       Panel test</h4>
        </div>
        <div class="panel-body">


            <div class="row">
                <div class="col-md-4">
                    <img src="http://placehold.it/400x400" class="img-responsive" >
                </div>

                <div class="col-md-8">
                    <small><cite title="San Francisco, USA">San Francisco, USA <i class="glyphicon glyphicon-map-marker">
                    </i></cite></small>
                    <p>
                        <i class="glyphicon glyphicon-envelope"></i>email@example.com
                        <br />
                        <i class="glyphicon glyphicon-globe"></i><a href="http://www.jquery2dotnet.com">www.jquery2dotnet.com</a>
                        <br />
                        <i class="glyphicon glyphicon-gift"></i>June 02, 1988</p>
                </div>
            </div>
        </div>
    </div>