"Popover toolbar"
Bootstrap 3.3.0 Snippet by Jheroux

<div class="container"> <div class="row"> <button type="button1" class="first btn btn-default" data-container="body" data-toggle="popover" data-placement="left" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> Popover on left </button> <button type="button2" class=" second btn btn-default" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> Popover on top </button> <button type="button3" class=" third btn btn-default" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> Popover on bottom </button> <button type="button4" class="fourth btn btn-default" data-container="body" data-toggle="popover" data-placement="right" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."> Popover on right </button> </div> </div>
button { margin-top: 150px; margin-left: 50px; } .first { margin-left: 300px; color: #447D85; background: #E87914; } .second { color: #447D85; background: #E87914; } .third { color: #447D85; background: #E87914; } .fourth { color: #447D85; background: #E87914; }
$(function () { $('[data-toggle="popover"]').popover() })

Questions / Comments:

Related: See More