You can use this to change tooltip-arrow color
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-bottom-color: #000000; /* black */
border-width: 0 5px 5px;
}
More Related Contents:
- Working with CSS in React [closed]
- Bootstrap NavBar with left, center or right aligned items
- How to make Twitter Bootstrap menu dropdown on hover rather than click
- Remove padding from columns in Bootstrap 3
- Bootstrap Center Vertical and Horizontal Alignment
- Customizing Bootstrap CSS template
- How to use particular CSS styles based on screen size / device
- Remove gutter space for a specific div only
- How can I center elements horizontally or vertically with Twitter Bootstrap?
- Bootstrap with different order on mobile version
- How to set up fixed width for ?
- How to build a 2 Column (Fixed – Fluid) Layout with Twitter Bootstrap?
- Modify twitter bootstrap navbar
- Change the order of col-*-12 columns in Bootstrap using push/pull
- Bootstrap grid with fixed wrapper – Prevent columns from stacking up
- What is class=”mb-0″ in Bootstrap 4?
- Bootstrap 4 – Navbar items outside the collapse
- Bootstrap change order of columns
- Twitter Bootstrap 3 – Panels of Equal Height in a Fluid Row
- How to make Twitter bootstrap modal full screen
- Using twitter bootstrap 2.0 – How to make equal column heights?
- Make column fixed position in bootstrap
- Centering the image in Bootstrap
- Set div height equal to screen size
- Mysterious whitespace in between Bootstrap2 Navbar and row underneath
- Less and Bootstrap: how to use a span3 (or spanX [any number]) class as a mixin?
- Bootstrap Responsive Text Size [duplicate]
- css to make bootstrap navbar transparent
- How do I make card-columns order horizontally?
- Bootstrap Grid System new line does not look nice