Bootstrap：图像不会右对齐
[英]Bootstrap: Image will not right align
问题描述
我正在 Codepen 上进行这项工作，因为我是 Bootstrap 的新手，这是一个适合像我这样的新手练习的好网站。
我正在尝试右对齐右下角的图像，但失败了。 根据我自己对此的研究，我不确定是否可以/应该（？）使用“右拉”。 让我感到困惑的是，左对齐图像的代码工作正常，那么我从右对齐图像的代码中遗漏了什么？
<body>
<!--
This section sets the left top image
-->
<div class = "media">
<div class = "media-left">
<img src="//c1.staticflickr.com/6/5191/7094248657_1cde1542b4_z.jpg" class="media-object" style="width:250px">
</div>
<!--
This section contains the heading & any additional text added
-->
<div class = "media-body">
<div class = "heading">
<h2 class = "media-heading">SWIMMING</h2></div>
<p>A great way to unwind.</p>
</div>
<!--
This section contains the top right image
-->
<div class = "media-right">
<img src="//c1.staticflickr.com/6/5560/31273130652_169a8d4eae_k.jpg" class="media-object" style="width:250px">
</div>
<br>
<br>
<!--
This section contains the centre image
-->
<div class = "bikini">
<div class="row-fluid">
<div class="span12 bikini">
<img class = "center-block img-responsive" src="http://c1.staticflickr.com/6/5090/5283880278_506cd08780_b.jpg" style="width:300px"> </div>
</div>
</div>
</div>
<br>
<br>
<!--
This section contains the lower left image
-->
<div class = "media">
<div class = "media-left">
<img class="media-object pull-left" src="//c1.staticflickr.com/7/6224/6345332948_ccd0793d3c_b.jpg" class="media-object" style="width:250px">
</div>
</div>
<!--
This section contains the lower right image
-->
<div class = "media">
<div class = "media-right">
<img class = "media-object pull-right" src="//c1.staticflickr.com/4/3152/2349904544_b8534c5b4e_b.jpg" class="media-object" style="width:250px">
</div>
</div>
</body>
1 个解决方案
解决方案1
0 已采纳 2017-02-05 20:48:58
Bootstrap中心图像并右对齐另一个图像
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.