For bootstrap error submittal (bootstrap 3.2.0 NOT working)

by Uriel Cota

HTML

<div style="padding:90px">
    <div style="padding:40px" class="rotate">
        <button id="example1" type="button" class="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>
    </div>
    <div style="padding:40px" class="rotate">
        <button id="example2" type="button" class="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>
    </div>
    <div style="padding:40px" class="rotate">
        <button id="example3" type="button" class="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>
    </div>
    <div style="padding:40px" class="rotate">
        <button id="example4" type="button" class="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>

CSS

.rotate {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    margin-top: 59px;
    width: 100px;
    position: relative;
    left: -40px;
    top: -90px;
}

JavaScript

$('#example1').popover();
$('#example2').popover();
$('#example3').popover();
$('#example4').popover();