Laravel初学者です。bootstrapを導入し、様々な機能を試しています。
ボタンやテキストボックスはきちんと表示されたのですが、ドロップダウンメニューがうまく表示されません。
このように、メニュー項目が最初から表示されている状態となります。
ソースコードは以下の通りです。
ページ表示部分 @extends('layout') @section('main') <div class="btn-group"> <button type="button" class="btn btn-secondary btn-lg dropdown-toggle" data-toggle="dropdown">テスト</button> <div class="dropdown-menu"> <a class="dropdown-item" href="#">メニュー1</a> <a class="dropdown-item" href="#">メニュー2</a> <a class="dropdown-item" href="#">メニュー3</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">その他リンク</a> </div> </div> @endsection
layout.blade.php <!DOCTYPE HTML> <head> <meta charset="utf-8"> <link href="{{ url('/') }}/dist/css/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"><!-- Loading Bootstrap --> <link href="{{ url('/') }}/dist/css/flat-ui.min.css" rel="stylesheet"><!-- Loading Flat UI --> <link href="{{ url('/') }}/css/starter-template.css" rel="stylesheet"><!--Bootstrap theme(Starter)--> </head> <body> <div class="main"> @yield('main') </div> </body>
回答お願いします。
回答1件
あなたの回答
tips
プレビュー