[B! *bootstrap] okudenのブックマーク

Bootstrap ナビゲーションバー（Navbar）のカスタマイズ方法といろいろなデザインの実装例

Bootstrap 4のナビゲーションバーのカラーを変更したり、アイテムを整列させたり、レスポンシブのブレークポイントを変更するなどのカスタマイズ方法、ナビゲーションバーのいろいろなデザインの実装例を紹介します。 Bootstrap Navbar Guide and Free Navigation Examples by Nataly Birch 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。ナビゲーションの重要性 Botostrapのナビゲーションバーとは Bootstrapのナビゲーションバーのカラーを変更する方法 Bootstrapのナビゲーションバーのアイテムを整列する方法 Bootstrapのナビゲーションバーのブレークポイントを変更する方法 Bootstrapのナビゲーションバーのいろいろなデザインの実装例終わり

okuden 2019/08/20

リンク

Navbar クリック時にメニューを閉じる方法 : Bootstrap 4｜レンタルサーバーナレッジ

Bootstrap 4 の Navbar（ナビゲーションメニュー）は、デフォルトのままだとクリック時にメニューが閉じません。シングルページなど1つのページ内でリンクする場合は、Navbar クリック時にメニューを閉じたいですよね。今回の記事では、Dropdown メニュー以外のリンクがクリックされた時に、メニューが閉じるようにする方法を解説します。「Webサイトからお問い合わせが来ない…」とお悩みの方必見！当サイトのノウハウを詰め込んだ『Web集客の無料ガイド』をご提供詳細はこちら Nabvar クリック時にメニューを閉じる下記の JavaScript を jQuery 読み込みの後ろに追記することで、Nabvar クリック時にメニューを閉じることができます。 <script> $('.navbar-nav>li>a , .dropdown-menu>a').on('click

okuden 2019/03/29

*bootstrap

リンク

Bootstrap4の使い方特設サイトを公開しました｜レンタルサーバーナレッジ

世界で使われているフロントエンドフレームワークのBootstrap4の使い方特設サイトを公開しました。目次 bootstrapとは Bootstrap 4の利用準備（クイック） Bootstrap 4の利用準備（ソースコード）コンテナ Gridレイアウトタイポグラフィー画像 Flexboxユーティリティ Iframeなどの埋め込みナビゲーションメニューアイコンスクロールスパイコンポーネントサンプルサイト

okuden 2018/05/23

*bootstrap

リンク

続・今更聞けない Bootstrap 4 のレイアウトシステム with Flexbox - Speee DEVELOPER BLOG

プロジェクト推進室の服部 (@yhatt) です。現在は社内の福利厚生制度である Speee Library を筆頭とした社内システムを中心に担当しています。今回は、遡ること 2 年前に公開した、今更聞けない Bootstrap のレスポンシブの続編として、Bootstrap 4 正式対応版に内容をアップデートしてお届けします。『Bootstrap 4 を使って、"柔軟な" レスポンシブ Web を構築したい』という方は、是非この記事を読んで、Bootstrap 4 のレイアウトシステムの基本をおさえていただけると幸いです。また、『Bootstrap 3 から 4 に移行したい(移行した)』という方のために、v3 と v4 の違いを交えながら解説していきたいと思います。前回の記事については、以下をご覧ください。 tech.speee.jp 以前公開していた記事は、Bootstra

okuden 2018/05/12

*bootstrap

リンク

びっくりするほど簡単！HTMLやCSSの作業なしで、Bootstrap 4のさまざまなページを作成できる無料ツール

さくっと短時間で、慣れれば1分！デスクトップやスマホに対応したページを作成したい時にぴったりな無料のオンラインツールを紹介します。 HTMLやCSSの作業は一切不要で、Bootstrap 4ベースのさまざまなページをドラッグ&ドロップで積み木のように組み合わせて簡単に作成できます。 Froala Design Blocks Froala Design Blocks -GitHub Froala Design Blocksでは170種類以上のレスポンシブ対応のコンポーネントが用意されており、それらを好きなように組み合わせて、誰でも簡単にWebページを作成することができます。作成したページは個人でも商用でも無料。詳しくはライセンスページをご覧ください。短時間で、Bootstrap 4ベースのページを作成してみる用意されているコンポーネント短時間で、Bootstrap 4ベースのページ