为什么在我看来“使用第一行的替换令牌”会覆盖我的代码?

时间:2019-09-15 17:37:24

标签: html twitter-bootstrap drupal drupal-8 drupal-views

在Drupal 8中,我创建了2个视图块,其标题包含以下代码(全局:文本区域):

  <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 bs-region-legal">
    <div class="panel panel-success">
      <div class="panel-heading">
        <h3 class="panel-title">Informations légales</h3>
      </div>
      <div class="panel-body">
        <div class="row">
          <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
            <button type="button" class="btn btn-default btn-sm btn-cgv" data-toggle="modal" data-target="#modal-cgv">
              <i class="fas fa-signature fa-lg"></i> Conditions générales de vente
            </button>
            <div class="modal fade" id="modal-cgv" tabindex="-1" role="dialog" aria-labelledby="Conditions générales de vente">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="Partager">Conditions générales de vente</h4>
                  </div>
                  <div class="modal-body">
                    {{ field_professionnel_cgv }}
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
            <button type="button" class="btn btn-default btn-sm btn-shipping-methods" data-toggle="modal" data-target="#modal-shipping-methods">
              <i class="fas fa-truck fa-lg"></i> Modes de livraison
            </button>
            <div class="modal fade" id="modal-shipping-methods" tabindex="-1" role="dialog" aria-labelledby="Modes de livraison">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="Partager">Modes de livraison</h4>
                  </div>
                  <div class="modal-body">
                    {{ field_professionnel_livraison }}
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
            <button type="button" class="btn btn-default btn-sm btn-payment-gateways" data-toggle="modal" data-target="#modal-payment-gateways">
              <i class="fas fa-credit-card fa-lg"></i> Modes de paiement
            </button>
            <div class="modal fade" id="modal-payment-gateways" tabindex="-1" role="dialog" aria-labelledby="Modes de paiement">
              <div class="modal-dialog" role="document">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="Partager">Modes de paiement</h4>
                  </div>
                  <div class="modal-body">
                    {{ field_professionnel_paiement }}
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

当我激活令牌时,视图的按钮将被覆盖:

enter image description here

当我想禁用令牌时,视图中的按钮起作用:

enter image description here

为什么在我看来“使用第一行的替换令牌”会覆盖我的代码?

激活令牌后,所有包含代码<button></button>的行都会消失。

0 个答案:

没有答案