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

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

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

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

CSS

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

Q&A

0回答

424閲覧

bootstrapでのナビゲーションメニューに関して教えてください

chapp

総合スコア233

Bootstrap

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

CSS

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

0グッド

1クリップ

投稿2019/08/15 15:36

お世話になります。表題のbootstrapでのナビゲーションメニューに関して不明なことあり質問させてください。

https://getbootstrap.com/docs/4.3/examples/carousel/

上記のテンプレートを元にサイトのデザインを考えているのですが、上記テンプレートも含め、bootstrapのナビゲーションメニューというと、サイト名の横に、PC版の場合は、いくつかのメニューが並び、幅を狭めていくと、ハンバーガーメニューに変わる、というものかと思います。

とここで、以下のサイトのように、PC版の場合は、サイト名(ロゴ)の下にメニューを置き、幅を狭めていくとbootstrapでよく見るサイト名(ロゴ)の横(同じ行)にハンバーガーメニューを表示させるのはどうしたら良いのでしょうか?

http://www.yagi-a.jp/

グーグルで調べても、キーワードが悪いためか一般的なbootstrapのナビゲーションメニュー( https://getbootstrap.com/docs/4.0/examples/navbars/ このたぐいのもの)しか分からず、また、d-none d-sm-blockや、d-block d-sm-noneなどのクラスを使い個別にメニューを用意しようと試みるも上手く行かず、質問した次第です。

アドバイスのほど、よろしくお願いします。

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yoshinavi

2019/08/16 02:09

タイトルの「bootstrapでのナビゲーションメニュー」で検索するだけでも、いろいろ出てくると思いますが・・・
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

アカウントをお持ちの方は

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問