bootstrapのタブ機能でDBからとった値を出しわけしたいと考えております。
「コンテンツ1」「コンテンツ2」の部分にforeachでそれぞれ出しわけをすれば、
出しわけは可能なのですが、下記のコードの場合、うまくidの「tab1」「tab2」の部分に
紐づけて出しわけをすることは可能でしょうか。
よろしくお願いいたします。
コードは下記になります。
1[root@localhost pages]# cat about.blade.php 2@extends('layout') 3 4@section('content') 5@foreach ($results as $result) 6 <h2>なまえ: {{ $result->name }}</h2> 7 <h2>性別: {{ $result->sex }}</h2> 8 9@endforeach 10@endsection 11 12<!-- 13 タブの切り替えボタン 14 data-toggle : tabを入れることでボタン機能を有効に 15 href : リンク先にコンテンツのid名を入れる 16--> 17 <!--タブ--> 18 <ul class="nav nav-tabs"> 19 <li class="active"><a href="#tab1" data-toggle="tab">タブ1</a></li> 20 <li><a href="#tab2" data-toggle="tab">タブ2</a></li> 21 </ul> 22 <!-- / タブ--> 23<!-- 24 タブの切り替えボタン 25 class : tab-paneで非表示化 26 id : ボタンと同じidを使用する 27--> 28 <div class="tab-content"> 29 <div class="tab-pane fade in active" id="tab1"> 30 <p>コンテンツ1</p> 31 </div> 32 <div class="tab-pane fade" id="tab2"> 33 <p>コンテンツ2</p> 34 </div> 35 </div>
あなたの回答
tips
プレビュー