Contents

.pad-bottom
  %span{data: {presents: "popover", placement: "bottom", title: "Greetings"}}
    =link_to 'Click this text', '#'
    .popover-content.hidden
      %p This is the popover content.
      %p It can have <strong>rich HTML</strong>.
  to see a bottom popover.

.pad-bottom
  %span{data: {presents: "popover", placement: "top", title: "Greetings"}}
    =link_to 'Click this text', '#'
    .popover-content.hidden
      %p This is the popover content.
      %p It can have <strong>rich HTML</strong>.
  to see a top popover.

.pad-bottom
  %span{data: {presents: "popover", placement: "top", trigger: "hover", title: "Greetings"}}
    =link_to 'Hover on this text', '#'
    .popover-content.hidden
      %p This is the popover content.
      %p It can have <strong>rich HTML</strong>.
  to see a top popover.

For more options, refer to the
= link_to "Bootstrap documentation.", "http://getbootstrap.com/javascript/#popovers"

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
undercase-0.2.57	app/views/undercase/patterns/_popover.html.haml