Question

我开始学习网页设计，我对网格系统有一些疑问。问题可能看起来很吵，所以假设我对此一无所知。我有以下代码

    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Grid System</title>
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4" style="background-color: yellow">
                <h4>Grid</h4>
            </div>
            <div class="col-md-4" style="background-color: grey">
                <h4 >System</h4>
            </div>
            <div class="col-md-4" style="background-color: yellow">
                <h4>Practice</h4>
            </div>
        </div>
    </div>
</body>
</html>

假设我希望打印＆＃34; Grid＆＃34;在它的中心div。我该怎么做？

Answer 1

将以下内容添加到h4：class =“text-center”。应该这样做。

Answer 2

你可以尝试

<div class="col-md-4 text-center" style="background-color: yellow">
     <h4>Grid</h4>
</div>

Answer 3

如果您只想定位网格词（它的剩余部分div将在左侧），您只需使用中心 html标记：< / p>

"... --- ...".split(" ");

或者，如果您想将div的整个内容移动到中心，可以将<center><h4>Grid</h4></center>类添加到div标签中，如我在回答之前所提到的那样：

text-center

Answer 4

使用：

<div class="col-md-4 text-center" style="background-color: grey">

示例： jsFiddle

Bootstrap - 将div的内容放在中心

4 个答案: