django-cms:如何创建自定义菜单(如图像)?

时间:2019-05-12 19:45:46

标签: django python-3.x 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>

但是我不知道如何,请帮助

enter image description here

0 个答案:

没有答案