【问题标题】:Laravel sidebar templateLaravel 侧边栏模板
【发布时间】:2018-04-12 02:42:51
【问题描述】:

我想为我的网页制作一个侧边栏,但我在做时遇到了一些麻烦,我遵循了很多教程,但侧边栏没有出现,而是只出现了单词。我看到的大多数人只使用 php,但我觉得有必要使用 javascript。谁能给我一个模板,让我在屏幕截图中制作类似这样的侧边栏。

这是我使用的代码: sidebar.blade.php

 <div class="app-body">
    <div class="sidebar">
      <nav class="sidebar-nav">
        <ul class="nav">
          <li class="nav-item">
            <a class="nav-link" href="main.html"><i class="icon-speedometer"></i> Dashboard <span class="badge badge-primary">NEW</span></a>
          </li>

          <li class="nav-title">
            UI Elements
          </li>
          <li class="nav-item nav-dropdown">
            <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-puzzle"></i> Components</a>
            <ul class="nav-dropdown-items">
              <li class="nav-item">
                <a class="nav-link" href="components/buttons.html"><i class="icon-puzzle"></i> Buttons</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="components/social-buttons.html"><i class="icon-puzzle"></i> Social Buttons</a>
              </li>

            </ul>
          </li>
          <li class="nav-item nav-dropdown">
            <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> Icons</a>
            <ul class="nav-dropdown-items">
              <li class="nav-item">
                <a class="nav-link" href="icons/font-awesome.html"><i class="icon-star"></i> Font Awesome <span class="badge badge-secondary">4.7</span></a>
              </li>

            </ul>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="widgets.html"><i class="icon-calculator"></i> Widgets <span class="badge badge-primary">NEW</span></a>
          </li>

            Extras
          </li>
          <li class="nav-item nav-dropdown">
            <a class="nav-link nav-dropdown-toggle" href="#"><i class="icon-star"></i> Pages</a>
            <ul class="nav-dropdown-items">
              <li class="nav-item">
                <a class="nav-link" href="views/pages/login.html" target="_top"><i class="icon-star"></i> Login</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="views/pages/register.html" target="_top"><i class="icon-star"></i> Register</a>
              </li>
            </ul>
          </li>
        </ul>
      </nav>
      <button class="sidebar-minimizer brand-minimizer" type="button"></button>
    </div>

这是我得到的:

【问题讨论】:

  • 您想为屏幕截图中显示的管理面板实现 adminLTE 模板吗?
  • @HirenGohel 我只是将其用作示例,但没关系,我找到了另一个解决方案 tks 寻求您的帮助
  • 好的,没问题! :)

标签: php laravel sidebar


【解决方案1】:

【讨论】:

  • 是的,我刚刚也找到了链接,感谢您的帮助,我使用了这个coreui.io/demo/Ajax_Demo/#main.html,可能是因为我搜索了错误的关键字
  • 我认为您在该模板中缺少一些 JS 和 CSS 组件。
  • 是的,我找到了另一个示例,它包含一些 JS 帮助解决了我的问题,感谢您的帮助 @Nyicip
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-07-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-03-25
  • 1970-01-01
相关资源
最近更新 更多