Html 引导4模式不会从a href加载

我的模式联系人表单有问题。我做了所有我必须做的事，这不会让我感到厌烦

这是我的密码：

<div class="row py-2">
              <div class="col-sm-3 hidden-md-down">
                <a class="bg-circle bg-primary" data-toggle="modal" href="#myModal">
                  <i class="fa fa-2x fa-fw fa-address-card" aria-hidden="true "></i>
                </a>
              </div>
              <div class="col-sm-9">
                <h4>Kontaktujte nás</h4>
                <p>Proč ne? Rádi Vám poradíme</p>
              </div>
            </div>

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Rádi Vám poradíme napište nám!</h3>
      </div>
      <div class="modal-body">
        <form class="form-horizontal col-sm-12">
          <div class="form-group"><label>Jméno a příjmení</label><input class="form-control required" placeholder="Vaše jméno a příjmení" data-placement="top" data-trigger="manual" data-content="Must be at least 3 characters long, and must only contain letters." type="text"></div>
          <div class="form-group"><label>Zpráva</label><textarea class="form-control" placeholder="Vaše zpráva zde.." data-placement="top" data-trigger="manual"></textarea></div>
          <div class="form-group"><label>E-Mail</label><input class="form-control email" placeholder="email@gmail.com (abychom Vás mohli kontaktovat)" data-placement="top" data-trigger="manual" data-content="Must be a valid e-mail address (user@gmail.com)" type="text"></div>
          <div class="form-group"><label>Telefoní číslo</label><input class="form-control phone" placeholder="777777777" data-placement="top" data-trigger="manual" data-content="Must be a valid phone number (999-999-9999)" type="text"></div>
          <div class="form-group"><button type="submit" class="btn btn-success pull-right">Odeslat</button> <p class="help-block pull-left text-danger hide" id="form-error">&nbsp; The form is not valid. </p></div>
        </form>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button>
      </div>
    </div>
  </div>
</div>

---

我有一个带有“联系我们”图标的页脚，当我单击“什么都没发生”时，我不知道它是否与绝对位置或z索引有关。如果有必要，我会发布它。

尝试正确使用所有外部链接，现在您的引导模式将正常工作

.py-2{左边距：0px} 引导示例 康塔克图耶特·纳亚斯 普罗切尼？Rádi Vám poradíme

&时代； Rádi Vám poradíme napište nám！ 杰米诺·帕米尼 茨普拉瓦 电子邮件 Telefoníčíslo Odeslat

表单无效

关

---

更改指向数据目标的链接中的href

<a class="bg-circle bg-primary" data-toggle="modal" data-target="#myModal">
    <i class="fa fa-2x fa-fw fa-address-card" aria-hidden="true "></i>
</a>