首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >引导-xs-偏移-0不工作

引导-xs-偏移-0不工作
EN

Stack Overflow用户
提问于 2015-08-20 15:50:47
回答 1查看 1.4K关注 0票数 0

我有下面的代码。我想调整我的图像大小,但它不适用于-xs-偏移量-0。(我想把它集中起来)

这里有什么问题吗?我想要我的形象变得更大,与-x和居中。

我不想使用-xs-4,因为它会使我的形象太小。我不能使用-xs-5,因为那样我就不能使用偏移量。

代码语言:javascript
复制
<!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/

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-08-20 20:49:43

只有在宽度为12的情况下,偏移量为零才是合适的。因为它有6列宽,所以可以将12的其余部分除以2,结果为3。

使用col-xs-offset-3而不是col-xs-offset-0

演示

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32122811

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档