Ameba Ownd

アプリで簡単、無料ホームページ作成

Dev Log

bootstrap の navbar を左に配置

2019.03.30 10:22

手順


1. navbar-fixed-left.css のダウンロード


以下のサイトからダウンロード



2. 拡張子を .scss に変更し、ファイルを配置


配置先 : resources\sass直下



3. コンパイルされた navbar-fixed-left.css をインポート


 <link href="{{ asset('css/navbar-fixed-left.css') }}" rel="stylesheet">



4. navタグのクラス名に fixed-left を追加


<nav class="navbar fixed-left navbar-expand-lg navbar-dark bg-primary">

        navbarの中身の実装

</nav>



(参考記事)