ナビゲーション・バーにおけるドロップダウン「▼」を非表示にしたい【bootstrap webページ】

Question

よろしくお願いいたします。
レスポンシブデザイン対応のwebページを作っています。
開発環境はEclipseの動的webプロジェクトです。

現在、ナビゲーションウィンドウは以下の画面のような見た目になっています。

right navbar（右側の部分）の、一番右端にあるドロップダウン部分について、表題の件の質問です。

ドロップダウン部分にはFont Awesomemeからbarsのアイコンを使用して、
ボタンのように見せています。
デザイナーからは、アイコンのみでボタンのように見せたいといわれており、横にある▼の部分を非表示にしたいと思っています。
検索したのですが、方法を見つけられず、こちらで質問させて頂く事にしました。
right navbar部分のソースは以下です。

<!-- right navbar -->
<ul class="nav navbar-nav navbar-right">
	<li><a href=""><i class="fa fa-sign-in"></i> ログイン</a></li>
	<li><a href="">製品情報</a></li>
	<li><a href="">デバイス情報</a></li>
	<li><a href="">サポート</a></li>
		<li class="dropdown active">
			<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><span class="fa fa-bars fa-large" aria-hidden="true"></span><span class="caret"></span></a>
				<ul class="dropdown-menu" role="menu">
					<li><a href="#">menu</a></li>
					<li><a href="#">menu２</a></li>
					<li><a href="#">menu３</a></li>
				</ul>
		</li>
</ul>

barsのアイコンをクリック→メニューが出てくるとなればよいので、もしドロップダウンで▼を非表示にすることが出来ないのであれば、他の方法でも構いません。
実現方法をご教示頂ければ幸いです。

有職者の皆様、どうぞよろしくお願いいたします。

Answer 1

見た感じ<span class="caret"></span>の部分を削除すれば消えると思います。
おそらくCSSで▼部分を表示する場所が確保されていると思うので、調整が必要な気がします。

Comments

[退会済みユーザー]

確かにspanを消せば消えますよ。当方の環境で確認しました。

[nekomura]

gin様
miz様

うまくいきました！ありがとうございます。
早々のご回答にも感謝いたします。