我的问题很简单: 我需要一个容器才能使行和COLS正常工作吗? 现在,我没有在父元素中使用容器,父元素包含两行,第一行有一些COLE.现在在网站上我没有使用容器,它工作得很好(或者至少我是这么认为的)
<div class="content-wrapper">
<% if (experts.length>0){ %>
<% for (let expert of experts) { %>
<div class="sales-wrapper mt-5">
<div class="row m-0">
<div class="col-md-4 col-3">
<div class="sales-img"><img src=" <%= expert.imageurl %> " alt="<%= expert.name %>"></div>
</div>
<div class="col-md-7 col-7">
<p><%= expert.name %> </p>
<div><i class="fa-solid fa-phone-flip ms-2"></i><p class="d-inline-block"><%= expert.phone %></p></div>
<div><i class="fa-solid fa-envelope ms-2"></i><p class="d-inline-block"><%= expert.mail %></p></div>
</div>
<div class="col-md-1 col-2">
<div class="sales-social"><a href="<% if (expert.telegramurl){%><%=expert.telegramurl %><% } else{ %> # <%} %>"> <img src="/assets/img/Telegram.png" alt=""> </a></div>
<div class="sales-social"><a href="<% if (expert.whatsappurl){%><%=expert.whatsappurl %><% } else{ %> # <%} %>"> <img src="/assets/img/Whatsapp.png" alt=""> </a></div>
</div>
</div>
<div class="row m-0">
<p class="pt-3 text-justify"><%=expert.description%></p>
</div>
</div>
<% } } else{%>
<div class="display5"> هیچ کارشناسی یافت نشد!!!</div>
<% } %>
</div>
但我在documents of the bootstrap中读到我应该加一个容器.所以可能是这样的:
<div class="content-wrapper *container*">
<% if (experts.length>0){ %>
<% for (let expert of experts) { %>
<div class="sales-wrapper mt-5">
<div class="row m-0">
<div class="col-md-4 col-3">
<div class="sales-img"><img src=" <%= expert.imageurl %> " alt="<%= expert.name %>"></div>
</div>
<div class="col-md-7 col-7">
<p><%= expert.name %> </p>
<div><i class="fa-solid fa-phone-flip ms-2"></i><p class="d-inline-block"><%= expert.phone %></p></div>
<div><i class="fa-solid fa-envelope ms-2"></i><p class="d-inline-block"><%= expert.mail %></p></div>
</div>
<div class="col-md-1 col-2">
<div class="sales-social"><a href="<% if (expert.telegramurl){%><%=expert.telegramurl %><% } else{ %> # <%} %>"> <img src="/assets/img/Telegram.png" alt=""> </a></div>
<div class="sales-social"><a href="<% if (expert.whatsappurl){%><%=expert.whatsappurl %><% } else{ %> # <%} %>"> <img src="/assets/img/Whatsapp.png" alt=""> </a></div>
</div>
</div>
<div class="row m-0">
<p class="pt-3 text-justify"><%=expert.description%></p>
</div>
</div>
<% } } else{%>
<div class="display5"> هیچ کارشناسی یافت نشد!!!</div>
<% } %>
</div>