django cms：如何创建自定义菜单式图像？

我是django cms的新手，我想添加像我发布的图片一样的菜单。 我已经阅读了文档，但我不知道如何创建自定义菜单

我想得到类似以下html代码的内容（请添加我的解释）： 我在代码中有一些地方。col-4，还有另一个地方。col-3查看图像和代码以获得更多理解

<ul class="menu">
<li class="toggle-menu">
    <i class="fa icon_menu"></i>
</li>
<li class="first">
    <a href="#">Accueil</a>
</li>
<li>
    <a href="photographie.html">Photographie</a>
    <div class="megamenu full">
         <div class="row">
                 <div class="col-4">
                       <ul class="megamenu-list">
                            <li class="title">Présentation</li>
                            <li><a href="">A propos</a></li>
                        </ul>
                  </div>
                  <div class="col-4">
                       <ul class="megamenu-list">
                            <li class="title">Evènements</li>
                            <li><a href="">Mariage</a></li>
                            <li><a href="">Portrait</a></li>
                        </ul>
                   </div>
                   <div class="col-4">
                       <ul class="megamenu-list">
                           <li class="title">Entreprise et institutions</li>
                           <li><a href="">Portraits Corporate</a></li>
                           <li><a href="">Reportage entreprise</a></li>
                         </ul>
                    </div>
               </div>
           </div>
      </li>
      <li>
          <a href="production_media.html">Production media</a>
        <div class="megamenu full">
            <div class="row">
            <div class="col-3">
            <ul class="megamenu-list">
                <li class="title">Présentation</li>
                <li><a href="">A propos</a></li>
                <li><a href="">Nos offres</a></li>
             </ul>
         </div>
         <div class="col-3">
             <ul class="megamenu-list">
                 <li class="title">Services</li>
                 <li><a href="">Montage</a></li>
                 <li><a href="">Drones</a></li>
             </ul>
          </div>
          <div class="col-3">
              <ul class="megamenu-list">
                  <li class="title">Vos évènements</li>
                  <li><a href="">Mariages</a></li>
                  <li><a href="">Reportage coorporate</a></li>
               </ul>
           </div>
           <div class="col-3">
               <ul class="megamenu-list">
                    <li class="title">Location</li>
                    <li><a href="">Cameras</a></li>
                </ul>
            </div>
        </div>
    </div>
    </li>
</ul>

声明



Evènements




企业和机构






声明




服务




Vosévènements




位置

但是我不知道怎么做，请帮忙

---

您编写了什么代码？这是一个CSS问题，与django CMS无关。我在自定义菜单之后列出了我想要获得的菜单html代码示例。HTMLH这个问题没有需要的详细程度。通过将其复制粘贴到模板中，可以轻松实现所需的输出，但这可能无法解决实际问题。最有可能的问题是如何通过算法从一组CMS页面生成菜单，但我们缺少关键信息。网站的结构是什么？我们不能仅仅从期望的输出中推断，因为一个问题可能是如何将站点的结构转换为菜单的结构。什么规则决定了一些div应该获得

col-3

和一些

col-4