Bootstrap tooltip issue


Whatever I do my tooltip just shows beneath the relevant link.

I have the following style in my head:

/* Tooltip on top */
.test + > .tooltip-arrow {
    border-top: 5px solid green;

Within the body I have:

<a class="test" href="#" data-toggle="tooltip" data-placement="top" title="ROUND">R</a>

At the bottom of everything I have:


I was trying to use the guide from:

Any hints or tips would be great :)


You have to use the container option of tooltip with the body value :

 <button type="button" class="btn btn-default" data-container="body" data-toggle="tooltip" data-placement="left" title="Tooltip on left" >Tooltip on left</button>

Take a look at the options array in the official doc :

By : ArGh

"Yo dawg, I heard you like Request, cos' you put a Request inside a Request" XD

I'd do it like this:

from rest_framework.test import APIClient

client = APIClient()
response ='/', {'github': 'payload'}, format='json')
self.assertEqual(, {'github': 'payload'})
# ...or assert something was called, etc.

Hope this helps

You can get first character, insert it with a different font color and then add rest of the content:

var span = $('.design span');
var html = span.html();

span.html("<span style='color:red;'>"+ html.charAt(0)  +"</span>" + html.substring(1,html.length));
<script src=""></script>
<span class="design">DESIGNED BY <span>Teodor Victor</span></span>

By : Marcin C.

This video can help you solving your question :)
By: admin