自定义栅格的列宽

打开bootstrap.min.css，搜索”col-1”
image.png
就地复制一个，改名，改width即可

django 改css后未生效/css部分丢失

清除浏览器缓存

d-flex强制换行

  1. <div class="list-group" >
  2.   <a href="#" class="list-group-item list-group-item-action flex-column align-items-start">
  3.     <div class="d-flex flex-wrap align-content-start" style data-toggle="collapse" data-target="#sometext" aria-expanded="false" aria-controls="sometext"> 
  4.       <p class="pl-1 ">⚠︎</p>
  5.       <p class="pl-1 "><span class=" badge badge-secondary ">已注册</span></p>
  6.       <p class="pl-1 "><span class="badge">一次性</span></p>
  8.       <small style="width:100%"></small>
  9.       {% comment %} 此处换行 {% endcomment %}
  11.       <p class="p-1 border">2021-6-18 13:56</p>
  12.     </div>
  13.     <p id="sometext" class="collapse">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
  14.   </a>
  15. </div>

模态框太小（modal），改大

  1. <style>
  2.     @media (min-width: 1200px) {
  3.       .modal-xl {
  4.         max-width: 1200px;
  5.       }
  6.     }
  7. </style>