JSFiddle - React, Tailwind, and code Playground

by Osama Qassar

HTML

<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.13.0.js"></script>
<div ng-app="myApp" ng-controller="ctrl">
  <button data-toggle="tooltip" 
          tooltip="this is my tooltip"
          tooltip-placement="bottom"
          tooltip-class="cstooltip">
    click me
  </button>
</div>

CSS

.cstooltip {
  
}

.cstooltip > .tooltip-inner {
  background-color: red;
  border-radius: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.cstooltip > .tooltip-arrow {
  border-right-color: red !important;
}

JavaScript

var app = angular.module("myApp", ['ui.bootstrap']);

app.controller('ctrl', ['$scope', function($scope) {

}])