相关疑难解决方法(0)

我刚刚开始使用Bootstrap.以下是我的页面的快照.

我的CSS是

.snippet img{
width: 150px;
max-width: 100%;
height:auto;


 }

@media(max-width: 767px) {
.snippet img{

    width:100px;
    float: right;
    max-width: 100px;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
    }
}

这是我的HTML:

<h2>About the venue</h2>
<div class="media-body snippet" >
    <a class="pull-right" href="venue.php">
            <img  src="images/venue.jpg" alt="illustration"></a>
    <p>this is the paragraph ... </p>       
</div>

我希望图像在大屏幕上像那样悬挂.但是,在小型设备上,我想让文本环绕图像.我怎样才能做到这一点？

任何帮助,将不胜感激!