圖像不會像應該的那樣破裂，一點也不會。如果我用& lth1 & gt& lt/h1 & gt；，那就管用了。為什么不用圖像呢？我試過div class = & quotcol col-LG-2 col-MD-3 & quot；也是但是沒用。我100%確定這是簡單的事情，我的大腦太光滑了...

<div class="container">

        <button type="button" data-toggle="collapse" data-target="#gallery button">Simple collapsible</button>
        
        <div id="gallery button" class="collapse">

            <section class="gallery min-vh-100">

                <div class="row row-md-3">
                    <div class="col">
                        <img src="images/art_img000.jpg" class="gallery-item">
                    </div>  
                
                    <div class="col">
                        <img src="images/art_img000.jpg" class="gallery-item">
                    </div>  
                
                    <div class="col">
                        <img src="images/art_img000.jpg" class="gallery-item">
                    </div>  
                
                    <div class="col">
                        <img src="images/art_img000.jpg" class="gallery-item">
                    </div>                  
                </div> 
                
            </section>

        </div>
    </div>

你犯了幾個錯誤:

使用data-toggle和data-target(引導4)而不是data-bs-toggle和data-bs-target(引導5)。我假設你想使用Bootstrap 5。 不遵循文檔中顯示的引導HTML。如果不遵循Bootstrap HTML，組件就無法工作。 嘗試使用row-md-3類作為引導類。這不是一個引導類！請參見文檔。 未正確使用col-md-3。 請看下面的片段。

如果窗口寬度大于768像素，圖像將并排顯示。如果窗口寬度等于或小于768像素，圖像將被堆疊。請參見文檔。

<link  rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>

<div class="container">
  <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#gallery-button" aria-expanded="false" aria-controls="gallery-button">
    Button with data-bs-target
  </button>
  <div id="gallery-button" class="collapse">
    <section class="gallery min-vh-100">
      <div class="row">
        <div class="col-md-3">
          <img src="images/art_img000.jpg" class="gallery-item">
        </div>

        <div class="col-md-3">
          <img src="images/art_img000.jpg" class="gallery-item">
        </div>

        <div class="col-md-3">
          <img src="images/art_img000.jpg" class="gallery-item">
        </div>

        <div class="col-md-3">
          <img src="images/art_img000.jpg" class="gallery-item">
        </div>
      </div>
    </section>
  </div>
</div>