Body Color:
Menu Color:
Main Color:
Banner Background:
  • background1
  • background2
  • background3
  • background4
  • background5
  • background6
  • background7
  • background8
  • background9
  |  Register
You are here : Features  >  Popovers
Tuesday , November , 12 2024

Usage

  1. <a data-original-title="Popover on right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus." data-placement="right" rel="popover" class="btn" href="#">Popover on right</a>

Options

Name type default description
data-placement string | function 'right' how to position the popover - top | bottom | left | right
data-trigger string 'click' how popover is triggered - click | hover | focus | manual
data-title string | function '' default title value if `title` attribute isn't present
data-content string | function '' default content value if `data-content` attribute isn't present
data-delay number | object 0

delay showing and hiding the popover (ms) - does not apply to manual trigger type

If a number is supplied, delay is applied to both hide/show

Top