Context-Sensitive Help

We use Bootstrap tooltips to provide context-sensitive help to users.


Example

Status

Code

1
2
3
4
5
6
%button.btn.btn-primary{ type: 'button' } Save
%i.fa.fa-question-circle.text-info{ data: { placement: 'top', toggle: 'popover', content: "Everything is saved in the cloud because it's the future. Clouds everywhere!" } }

%h5
  Status
  %i.fa.fa-question-circle.text-info{ data: { placement: 'top', toggle: 'popover', html: 'true', content: 'This status is to tell you that everything is <b>fine</b>!' } }