Bootstrap3 のタブページ遷移先を別Viewにする方法

Laravel 5.1 を使用し、Bootstrap3 のタブページを以下の様に実装しております。

Laravel
1<ul class="nav nav-tabs nav-justified">
2    <li class="nav-item">
3        <a href="#tab1" class="nav-link navbar-default" data-toggle="tab">キャリア１</a>
4    </li>
5    <li class="nav-item">
6      <a href="#tab2" class="nav-link navbar-default" data-toggle="tab">キャリア２</a>
7    </li>
8    <li class="nav-item">
9      <a href="#tab3" class="nav-link navbar-default" data-toggle="tab">キャリア３</a>
10    </li>
11    <li class="nav-item">
12      <a href="#tab4" class="nav-link navbar-default" data-toggle="tab">支援活動</a>
13    </li>
14  </ul>
15
16<div id="myTabContent" class="tab-content">
17    <div class="tab-pane active" id="tab1">
18        キャリア１画面です。
19    </div>
20    <div class="tab-pane" id="tab2">
21        キャリア２画面です。
22    </div>
23    <div class="tab-pane" id="tab3">
24        キャリア３画面です。
25    </div>
26    <div class="tab-pane" id="tab4">
27    
28    </div>
29</div>
30

上記の「キャリア１画面です。」
を別ページ(View)
に切り出したいのですが、どのようにすれば実現可能でしょうか？

行動規範の内容に同意します

回答1件

ベストアンサー

Laravel Bladeを使い、ページ中のある部分を別のビューに分けたいということであれば、Bladeのinclude機能等を使ってみてください
Laravel 5.5 Bladeテンプレートサブビューの読み込み

<div>
    @include('shared.errors')

    <form>
        <!-- フォームの内容 -->
    </form>
</div>

投稿2017/10/10 05:54

aro10

総合スコア4106

hrsi_teratail

2017/10/16 11:51

ありがとうございます。includeで無事に表示されました！

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

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

ただいまの回答率
85.48%

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

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

質問する

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

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

Bootstrap3 のタブページ遷移先を別Viewにする方法

関連した質問