html - Bootstrap 面板内的响应图像

Question

我正在尝试将图像放入 Bootstrap 面板(附图像):

HTML代码:

<div class="panel panel-default col-md-10 col-md-offset-1">
    <div class="panel-body">
        <div class="row">
            <div class="col-md-6">
                <label> {{DisplayNickname}}</label>
            </div>
            <img src="{{DisplayPhoto}}" class="pull-right img-responsive" alt="user photo"> 
        </div>
        <font size="4" id=rating_d >Rating: </font>
        <font size="4" id=rating_d> {{DisplayRating | number : 2}}                        </font>
        <br><br>
        <font size="4">Description:</font>
        <font size="4" id=details>{{DisplayDescription}}</font>

    </div> 
</div>

CSS 代码:

{
    width: 150px;
    height: 150px;
}

它与 position:absolute 一起工作，但没有响应。正确的做法是什么？

Answer 1

也许这会奏效

<img src="{{DisplayPhoto}}" class="pull-right img-responsive" alt="user photo" width="150"> 

如果不行试试这个

 <div style="width:150px;"><img src="{{DisplayPhoto}}" class="pull-right img-responsive" alt="user photo" ></div>