bootstrap popover on input remove title

Question

I'm using bootstrap with bootstrap validator. I add error inside popover but when I add title to the input it appear in popover.

I need popover without title but I want to add titles to inputs.

<input title="Your name" 
       placeholder="Name" 
       data-toggle="popover" 
       class="form-control" 
       type="text" required>

full code on fiddle

score 0 · Accepted Answer · answered Feb 21 '16 at 12:19

Titles always appear in the bootstrap popovers due to the .popover-title class. In order to remove it you need to do this:

.popover-title { display: none; }

BUT this will hide all titles in all popovers throughout the webpage. If you want to remove it from certain input elements then you can do something like this:

#your-outer-element .popover-title { display: none; }

See the working fiddle

bootstrap popover on input remove title

1 Answers1