質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

解決済

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

nekomura
nekomura

総合スコア0

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

1回答

0評価

1クリップ

3966閲覧

投稿2016/09/14 06:05

編集2022/01/12 10:58

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

現在、ナビゲーションウィンドウは以下の画面のような見た目になっています。
![![navbar](473685e963c3dee282e8e8ff733cabb9.png)](dab042835bcb730161276b167f92e730.png)
**right navbar(右側の部分)の、一番右端にあるドロップダウン部分について、表題の件の質問です。**

**ドロップダウン部分にはFont Awesomeme](http://fontawesome\.io/icons/\)から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="#">menu2</a></li> <li><a href="#">menu3</a></li> </ul> </li> </ul>

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

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

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Webサイト

一つのドメイン上に存在するWebページの集合体をWebサイトと呼びます。

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。