N
N
naneri2014-06-30 12:40:14
css
naneri, 2014-06-30 12:40:14

How to add triangle above dropdown on bootstrap2?

It is necessary to add a triangle above the drop-down menu as in this screenshot. 9a7c7307443144edb3ef879aaa4cc03e.png
How to do it?

Answer the question

In order to leave comments, you need to log in

3 answer(s)
R
Roman Zhak, 2014-06-30
@romanzhak

<div class="arrow-up"></div>

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid black;
}

eg: jsfiddle.net/p9Dw6/1

A
Anton Yatsenyuk, 2014-06-30
@spamforhope

.block-class:before {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid black;
}

Y
Yuri Lobanov, 2014-06-30
@iiil

He is there and he is. See if you're doing something wrong.
In general, you can follow the link getbootstrap.com/2.3.2/javascript.html#dropdowns to see how it is implemented in bootstrap, in case you changed something there.
Y35ENZw.png

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question