Tooltip w Bootstrap 3

Witam,

nie wiem jak to się dzieje że mimo ostylowanego Tooltipa przez Bootstrap mój Tooltip wyglądą tak(jak na załączonym zdjęciu).

Pozdrawiam

Muszę poczekać na @Olśnienie7, bo bez kodu będzie Ci ciężko odpowiedzieć ;)

<!-- ==================================================circles big======================================================= -->
<div class="container">
			<div class="row">
				<div class="col-sm-4 col-md-4 col-lg-4 text-center">
					<div class="circle-big popover-active" data-toggle="popover" data-title="tytuł" data-placement="top" data-delay="500" data-content="przykładowy tekst <a href='#' class='btn btn-primary'>button</a>">

							<span class="icon">M</span>

					</div>
					<h2>Sample Heading</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam dignissimos voluptatibus voluptas animi voluptatum voluptate consequuntur beatae ad, quibusdam eligendi neque corrupti laudantium et vitae quos cumque totam in.</p>
				</div>
				<div class="col-sm-4 col-md-4 col-lg-4 text-center">
					<div class="circle-big">

							<span class="icon">M</span>

					</div>
					<h2>Tooltip</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora magnam, minima quas quisquam, adipisci repellendus commodi harum cum laborum assumenda,<span href="#" class="tooltip-active label label-default" data-toggle="tooltip" title="first tooltip" data-placement="left">Voluptatum, quaerat!</span> veritatis obcaecati facilis asperiores ipsam nemo vero! Eos, laudantium. Debitis.</p>
				</div>
				<div class="col-sm-4 col-md-4 col-lg-4 text-center">
					<div class="circle-big">

							<span class="icon">M</span>

					</div>
					<h2>Sample Heading</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit quaerat recusandae placeat odit dignissimos ipsam ratione consequuntur, laboriosam reprehenderit quisquam perspiciatis neque, alias deserunt libero error natus id quidem excepturi.</p>
				</div>
			</div><!-- /row -->
</div><!-- /container -->

a w stylach nic nie zmieniałem.Wziąłem świeżo po ściągnięciu z Bootstrap 3 :)

W takich sytuacjach problem zazwyczaj leży pomiędzy krzesłem, a monitorem :) Jakie kroki już podjąłeś, żeby to zdebuggować? Sprawdź, czy dobrze podłączyłeś javascript i css od bootstrapa. Sprawdź czy w consoli nie masz błędów. Wrzuć swój kod na strone bootstrapa (na litość boską) podmieniając jakiś inny fragment kodu i sprawdź czy tam działa. Jeżeli działa, to masz odpowiedź gdzie jest problem.

Jquery mi chodzi dobrze bo to jest tylko jakaś część strony a jeszcze mam inne efekty i śmigają :D Css w sumie też chodzi dobrze poza .container która nie zmniejsza zdjęcia wrzuconego z neta tylko zdjęcie wychodzi poza .container. No ale à propos Tooltipa jak mam wrzucić swój skrypt na strone Bootstrap :)?

Mam nadzieję, że tego jesteś świadomy:

Opt-in functionality
For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning you must initialize them yourself.

One way to initialize all tooltips on a page would be to select them by their data-toggle attribute:

$(function () {
  $('[data-toggle="tooltip"]').tooltip()
})