Customizing Bootstrap's validation tooltip?

Question

Could someone explain to me how to customize Bootstrap's input type="email" validation tooltip like the one below?

Or better yet, could someone explain how customize Bootstrap's validation tooltips in general?

---

EDIT:

It has been pointed out by Le_Morri that this is actually a HTML 5 validation tooltip. I am going to leave up the question for other people who make the same mistake as I did.

The following questions will help with HTML5 validation styling,

• How do you style the HTML5 form validation messages?
• How do I style the html 5 form validation error messages with css?

Answer 1

as far as i know these validation tooltips are not from bootstrap. They are and HTML5 feature and are provided and styled by the browser.

Here you can find a guide how to create your own validation tooltips.

In Webkit browsers you can style these tooltips a bit using:

::-webkit-validation-bubble-message {
    padding: 1em;
}

and with the CSS :invalid selector you can style the wrong inputs