如何以角度运行bootstrap scrollspy？

Question

我正在尝试使bootstrap滚动工作，我想单击“在这里了解更多”按钮，移动到id =“ Personal Franchise”的容器，但是它不起作用。我按照“引导程序”页面上指示的步骤进行操作，但是它对我不起作用。有谁能够帮助我？这是我所做的：

<div style="position: fixed; margin-top: 50%; margin-left: 0; z-index: 1000; background-color: black;">
	<img src="../../assets/images/franquicia/botonUnete.png">
	
</div>

<div class="container-fluid" id="cont-superior" >
	<app-nav-bar> </app-nav-bar>
	<div class="row d-flex justify-content-center">
		<div class="col-12">
			<div>
				<div class="d-flex justify-content-center" id="cont-franquiciaPersonal">
					<div d-flex justify-content-center>
						<img class="logo-blanco" src="../../assets/images/franquicia/logo2.png">
					</div>
				</div>
				<h1 class="text-center texto-blanco"> Franquicia Personal </h1>
				<div> <p class="text-center texto-blanco" > <span class="helvetica"> Promovemos la marca personal, el emprendimiento y el liderazgo, no solo a través <br> del modelo de negocio, sino mediante las herramientas que le brindamos a todos <br> nuestros consultores. </span> </p> </div>
				<div class="text-center">
      				<a href="" class="btn mt-2" id="boton-blanco" data-toggle="modal" data-target="#modalContactForm">Conoce mas aquí</a>
   			    </div>
			</div>
		</div>
	</div>
	<div class="row d-flex justify-content-center">
		<div class="col-12" style="margin-top: 150px;">
			<div>
				<div class="d-flex justify-content-center" id="cont-franquiciaPersonal">
					<div d-flex justify-content-center id="logo-">
						<img class="logo-blanco" src="../../assets/images/franquicia/logo2.png">
					</div>
				</div>
				<h1 class="text-center texto-blanco"> Franquicia Comercial </h1>
				<div> <p class="text-center texto-blanco" > <span class="helvetica"> ¡Vemos al individuo desarrollado en su potencial, evolucionando a la mejora!  <br> Estamos frente a la DISRUPCIÓN de las industrias del Real Estate y de la Protección. </span> </p> </div>
				<div class="text-center" id="navbar-example3">
      				<a href="#franquiciaPersonal" class="btn mt-2" id="boton-blanco" data-toggle="modal" data-target="#modalContactForm">Conoce mas aquí</a>
   			    </div>
			</div>
		</div>
	</div>

</div>

<div class="container-fluid" data-spy="scroll" data-target="#navbar-example3" data-offset="0" id="franquiciaPersonal" style="position: relative;">
	<div class="row">
		<div class="col-12 mt-4">
			<div>
				<div class="d-flex justify-content-center" id="cont-franquiciaPersonal">
					<div d-flex justify-content-center id="logo-">
						<img src="../../assets/images/franquicia/logoMorado.png">
					</div>
				</div>
				<h1 class="text-center texto-azul mt-4"> Franquicia Personal </h1>
				<div class="d-flex justify-content-center mt-2" id="cont-franquiciaPersonal">
					<div d-flex justify-content-center id="logo-">
						<img src="../../assets/images/franquicia/personas.png">
					</div>
				</div>
				<div> <p class="text-center texto-azul mt-4" > <span class="helvetica"> Modelo de negocio probado  <br> Operando con éxito en 4 países </span> </p> </div>
			</div>
		</div>
	</div>
</div>