我有下面的代码。我想调整我的图像大小,但它不适用于-xs-偏移量-0。(我想把它集中起来)
这里有什么问题吗?我想要我的形象变得更大,与-x和居中。
我不想使用-xs-4,因为它会使我的形象太小。我不能使用-xs-5,因为那样我就不能使用偏移量。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href=""/>
<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
<body>
<div class="container">
<div class="row">
<div class="col-md-2 col-md-offset-5 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-0">
<img class="img-responsive" src="http://www.turkcealtyazi.org/images/poster/0903747.jpg" alt="">
</div>
</div>
</div>
<script src="/js/jquery-2.1.3.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>小提琴:http://jsfiddle.net/rx4ptj2k/
发布于 2015-08-20 20:49:43
只有在宽度为12的情况下,偏移量为零才是合适的。因为它有6列宽,所以可以将12的其余部分除以2,结果为3。
使用col-xs-offset-3而不是col-xs-offset-0。
演示
https://stackoverflow.com/questions/32122811
复制相似问题