Question

我使用 Bootstrap Framework 来构建网站。我试图搜索，但它没有效果。此外，我对 Javascript和CSS 的了解不多。

这样的示例代码：

<div class="row">
<!-- Squares inline-block-->
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<div class="col-md-2">
</div>
<!-- Squares inline-block-->
</div>

你能帮我吗？

Answer 1

假设你给一个你想成为正方形的div的类（我们称之为'square'）：

<div class="row square">

使用CSS，您可以设置其高度和宽度：

/*filename.css*/
.square{
    height:200px;
    width:200px;
    background-color:green; /*to make it visible*/
}

要链接css文件，请将以下内容放在html文件的顶部：

<head>
    <link rel="stylesheet" href="bootstrap.css"> <!--I'm sure you've done this step :)-->
    <link rel="stylesheet" href="filename.css">
</head>

学习CSS很容易。试一试！

如何设置宽度为高度的div标签？就像一个广场

1 个答案: