Então pessoal, criei um modal da seguinte forma:
<div class="modal fade" id="#siteModal" tabindex="-1" role="dialog">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Softwares</h5>
<button type="button" class="close" data-dismiss="modal">
<span>×</span>
</button>
</div>
<div class="modal-body">
<p>...</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">CERTO</button>
</div>
</div>
</div>
</div>
Porém quando faço a seguinte chamada:
<a href="#" class="card-link mb-1 txt btn btn-outline-dark" data-toggle="modal" data-target="#siteModal">SAIBA MAIS</a>
O modal não é chamado, pois está dando conflito com o layout estilo one-page, porque o mesmo tá utilizando o id="#" que é igual ao href do link que chamará o modal. Como faço para que apareça o modal? Alguma sugestão? Pois quando clico no botão ele joga para o início do site, obedecendo o id="#"
javascript:void(0)