Twitter bootstrap 如何创建5列(网格)。[引导程序]

Twitter bootstrap 如何创建5列(网格)。[引导程序],twitter-bootstrap,bootstrap-4,react-bootstrap,Twitter Bootstrap,Bootstrap 4,React Bootstrap,我希望我的主页能够做出响应。我已经有5列,每列相等。我真的不知道该怎么做。 My index.html 从这里: (期待)我想成为这样,当上校md: 有没有办法做到这一点?我尽了最大努力,但最终一事无成。我是Bootstrap的初学者,先生们,请帮助。您可以查看我的下一个示例。您描述的布局的主要方法是对屏幕类型LG和MD使用 类text center用于将每列上的图像和文本水平居中 类img流体用于制作响应性图像: 注意您必须全屏播放代码片段示例并调整浏览器大小 img{ 最大高度:250

我希望我的主页能够做出响应。我已经有5列,每列相等。我真的不知道该怎么做。

My index.html

从这里:

(期待)我想成为这样,当上校md:


有没有办法做到这一点?我尽了最大努力,但最终一事无成。我是Bootstrap的初学者,先生们,请帮助。

您可以查看我的下一个示例。您描述的布局的主要方法是对屏幕类型LGMD使用

  • text center
    用于将每列上的图像和文本水平居中
  • img流体
    用于制作响应性图像:
注意您必须全屏播放代码片段示例并调整浏览器大小

img{
最大高度:250px;
}

Temp1
临时2
Temp3
临时4
Temp5

您可以查看我的下一个示例。您描述的布局的主要方法是对屏幕类型LGMD使用

  • text center
    用于将每列上的图像和文本水平居中
  • img流体
    用于制作响应性图像:
注意您必须全屏播放代码片段示例并调整浏览器大小

img{
最大高度:250px;
}

Temp1
临时2
Temp3
临时4
Temp5

Temp1
临时2
Temp3
临时4
Temp5

Temp1
临时2
Temp3
临时4
Temp5

这是用于引导3还是引导4?你两者都有tags@mlegg我用的是Bootstrap 4,长官。对不起,我犯了错误。谢谢,先生,我已经从D.Smania那里得到了答案。这是用于Bootstrap 3还是4?你两者都有tags@mlegg我用的是Bootstrap 4,长官。对不起,我犯了错误。无论如何谢谢,先生,我已经从D.Smania那里得到了答案。
<div class="col-lg-2 col-md-4">
    <img src="img/user.png" alt="">
    <h2>Temp1</h2>
</div>
<div class="col-lg-2 col-md-4 col-half">
    <img src="img/user.png" alt="">
    <h2>Temp2</h2>
</div>
<div class="col-lg-2 col-md-4 col-half">
    <img src="img/user.png" alt="">
    <h2>Temp3</h2>
</div>  
<div class="col-lg-2 col-md-4 col-half">
    <img src="img/user.png" alt="">
    <h2>Temp4</h2>
</div>
<div class="col-lg-2 col-md-4 col-half">
    <img src="img/user.png" alt="">
    <h2>Temp5</h2>
</div>
.col-half{
    margin-left:4.166666667%
}