HTML引导列未正确对齐_Html_Css

HTML引导列未正确对齐

html css

HTML引导列未正确对齐,html,css,Html,Css,因此，我尝试在HTML中使用引导来显示一个图片网格（4x3）。但是，当我检查代码时，图片列在那里，但它们没有正确对齐。看起来是这样的：我的代码如下所示： <body> <div class="container"> <div class="row"> <br> <div class="col-lg-12 col-md-6"><h1><b>Storyboards<

因此，我尝试在HTML中使用引导来显示一个图片网格（4x3）。但是，当我检查代码时，图片列在那里，但它们没有正确对齐。看起来是这样的：

我的代码如下所示：

 <body>
<div class="container">
    <div class="row">
        <br>
        <div class="col-lg-12 col-md-6"><h1><b>Storyboards</b></h1></div>
    </div>
</div>

<div class="container"> <!--storyboard pages-->
        <div class="row">
            <div class="col-lg-3">
                <img src="lc01.jpeg"  alt="test">
            </div>
                <div class="col-lg-3">
                <img src="lc02.jpeg"  alt="test">
            </div>
                <div class="col-lg-3">
                <img src="lc03.jpeg"  alt="test">
            </div>
            <div class="col-lg-3">
                <img src="lc04.jpeg"  alt="test">
        </div>
        <div class="row">
            <div class="col-lg-3">
                <img src="lc01.jpeg"  alt="test">
            </div>
                <div class="col-lg-3">
                <img src="lc02.jpeg"  alt="test">
            </div>
                <div class="col-lg-3">
                <img src="lc03.jpeg"  alt="test">
            </div>
            <div class="col-lg-3">
                <img src="lc04.jpeg"  alt="test">
        </div>
</div>

<style>
img{
    width:280px;
    height:420px;
    border:1px solid #000000;
    margin-bottom: 12px;
    }




故事板
img{
宽度：280px；
高度：420px；
边框：1px实心#000000；
边缘底部：12px；
}

如果有人能向我解释我犯了什么错误，那将非常有帮助。

谢谢

您没有关闭任何一行中的最后一列：

<div class="col-lg-3">
    <img src="lc04.jpeg"  alt="test">

您没有关闭任一行中的最后一列：

<div class="col-lg-3">
    <img src="lc04.jpeg"  alt="test">

请检查是否遗漏了行的结束div（或las列的结束div）

我真不敢相信我错过了！当你无数次查看代码时，我想你已经习惯了，谢谢你的快速回复，我真不敢相信我错过了！当你无数次查看代码时，我想你已经习惯了，谢谢你的快速回复

<div class="row">
    <div class="col-lg-3">
    </div>
</div>