html - 图像的 Bootstrap 列不会内联

Question

所以我有一个元素，我必须像这样制作内联图像

这是我的代码

                    <div class="col-lg-6">
                        <h2>Exchange</h2>
                    </div>
                    <div class="col-lg-6">
                        <h2>Community</h2>
                    </div>
                </div>
                <div class="row-lg">
                    <div class="col-lg" id="exchange">
                        <img src="dummy.jpg" alt="dummy">
                        <img src="dummy.jpg" alt="dummy">
                        <img src="dummy.jpg" alt="dummy">
                    </div>
                    <!-- Exchange -->
                    <div class="col-lg" id="community">
                        <img src="dummy.jpg" alt="dummy">
                        <img src="dummy.jpg" alt="dummy">
                        <img src="dummy.jpg" alt="dummy">
                    </div>

但结果看起来像这样。我很确定当我使用第 6 列时它们将相互内联

Answer 1

两个片段应该像这样在同一列中:

<div class="col-lg-6">
 <div class="row">
   <div class="col-lg-6">
    <h2>Exchange</h2>
   <div class="row">
     <div class="col-lg">
       <img src="dummy.jpg" alt="dummy">
       <img src="dummy.jpg" alt="dummy">
       <img src="dummy.jpg" alt="dummy">
     </div>
   </div>
   </div>
   <div class="col-lg-6">
    <h2>Community</h2>
    <div class="row">
     <div class="col-lg">
       <img src="dummy.jpg" alt="dummy">
       <img src="dummy.jpg" alt="dummy">
       <img src="dummy.jpg" alt="dummy">
     </div>
   </div>
   </div>
 </div>
</div>