我正在使用Boostrap。是否可以将我的文字以Tablet纵向放置在图像的右侧?
这是我到目前为止的内容:
https://jsfiddle.net/DTcHh/16710/
/* Latest compiled and minified CSS included as External Resource*/
/* Optional theme */
@import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-theme.min.css');
body {
margin: 10px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-4 portfolio-item">
<a href="#"><img class="img-responsive" src="http://placehold.it/300x300" alt=""></a></p>
<h4 class="service-heading">Formula 1</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore.</p>
</p></div>
<div class="col-md-4 portfolio-item">
<a href="#"><img class="img-responsive" src="http://placehold.it/300x300" alt=""></a></p>
<h4 class="service-heading">Rugby</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore.</p>
</p></div>
<div class="col-md-4 portfolio-item">
<a href="#"><img class="img-responsive" src="http://placehold.it/300x300" alt=""></a></p>
<h4 class="service-heading">Football</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima maxime quam architecto quo inventore.</p>
</p></div>
</div>
目前,文字位于“台式机和移动设备”的下方,但我希望在Tablet上将其放在图片的右侧。
有人可以协助吗?
最佳答案
这是您的操作方法。
考克斯
在移动视图中需要添加的内容
<div class="container">
<div class="row">
<div class="col-md-4 col-xs-2 portfolio-item">
<a href="#"><img class="img-responsive" src="http://placehold.it/300x300" alt=""></a></p>
</div>
<div class="col-md-4 col-xs-2">
<h4 class="service-heading">Formula 1</h4>
<p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit.......
</div>
关于jquery - bootstrap -平板电脑 View -文本/图像位置,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35252193/