ブートストラップのドロップダウンを変更する方法：三角形を別の形にする前に

Question

少しの研究の後で、ドロップダウンメニューの小さな三角形が:before pseudo classから来ることがわかりました。しかし、私はそれの形を変えようとすると、私が何をしても変化しません。私はドロップダウンメニューにドロップダウンを接続する太い線のようにしたい。達成することは可能ですか？私はこのようなことを絵にしたいと思っています。

<div class="dropdown"> 
<a data-toggle="dropdown" href="#">Dropdown trigger</a> 
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> 
... 
</ul> 
</div> 

ここにはjsfiddleと私が参照している三角形があります。

Answer 1

三角形の外観を変更するには、境界線の色とスタイルを変更するだけです。ブーツストラップは、それを形作るために罫線を使用しています。例として、ここでは、ヘッダやドロップダウンメニューを結ぶ太い灰色の線とフィドルです：

http://jsfiddle.net/freginold/o0zuq7Lv/1/

あなたがプレイすることによって、あなたが欲しいしかし、色だけでなく、線の太さを変更することができます:beforeと:afterのスタイルがあります。

UPDATE：はい私のようなthat'moreを

http://jsfiddle.net/freginold/o0zuq7Lv/3/