Question

我有以下代码。我想调整我的图像大小，但它不适用于col-xs-offset-0。（我想把它放在中心位置）

这可能是什么问题？我希望我的图像能够通过col-xs变得更大并且居中。

我不想使用col-xs-4，因为它会使我的图像太小。我不能使用col-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/

Answer 1

如果您的宽度为12，则偏移为零是合适的。因为它是6列宽，所以您将12的剩余部分除以3的结果。

使用col-xs-offset-3代替col-xs-offset-0。

<强> Demo

Bootstrap col-xs-offset-0不起作用

1 个答案: