Twitter bootstrap 引导面板中的网格覆盖

Twitter bootstrap 引导面板中的网格覆盖,twitter-bootstrap,Twitter Bootstrap,在面板主体内插入网格时,我遇到了一些问题。到目前为止,我已经试过了,但仍然无法让它工作 这就是我得到的: 用答案编辑: <div class="panel panel-default"> <div class="panel-heading"> <h4> Panel test</h4> </div> <div

在面板主体内插入网格时,我遇到了一些问题。到目前为止,我已经试过了,但仍然无法让它工作


这就是我得到的:

用答案编辑:

 <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>

面板测试
美国旧金山

email@example.com


1988年6月2日


在我看来还可以:浏览器?@stig js在那里也可以,但在我的项目中不行。我用的是Chrome。它是AngularJS实现中的一个作用域,但应该可以工作。它在小屏幕上看起来不错。是的,它在我的浏览器中也能正常工作。不过你可以尝试img制作图像responsive@UbiquitousDevelopers谢谢这和网格中的一个小变化创造了奇迹。编辑答案:)