Question

是否可以在twitter bootstrap中更改元素的行位置？我的意思是页面上只有一个元素。例如，我想在I'm centered下面放置几行。（现在它位于页面顶部）

<html>
<head>
    <meta name="viewport"  content="width=device-width, initial-scale=1.0"/>
    <link rel="stylesheet" href="css\bootstrap.min.css">
    <script src="js\bootstrap.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-6 col-md-offset-3">
                I'm centered!
            </div>
        </div>
    </div>
</body>
</html>

Answer 1

因为在您的示例中只有行放置元素“下面的几个回合”在这个问题的上下文中很难理解。也许您需要在示例中添加更多代码？

无论如何要垂直对齐元素，您需要使用基本的CSS，margin-top或position

在您的元素上设置ID，例如

    <div class="col-md-6 col-md-offset-3">
        <div id="myelem">I'm centered!</div>
    </div>

然后您可以使用CSS #myelem { margin-top: 50px }

另外，使用CSS进行垂直居中（相对于屏幕）并不复杂，但有很多关于此的在线教程。

在twitter bootstrap中更改元素的行位置

1 个答案: