1. Themes
  2. Bootstrap 5 starter template
  3. Support

Bootstrap 5 starter template

Use this theme as a way to quickly start any new project

← Back to Bootstrap 5 starter template Support

arelaaaron62839
arelaaaron62839

I tried to install this themes but the User Plugin doesn't work. Knowing that the Bootstrap 5 framework has removed jQuery dependency, but I'm not sure if it has something to do with that. Tried using User Plugin components, but when trying to register new account on the front-end, it doesn't work. What changes should I make, or line of code to be added? Thanks in advance!

Vladimir
Vladimir

Hi
Need to be added to the layout:

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
{% framework extras %}

layout default.htm

<!doctype html>
<html lang="en">
  <head>    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
    <link href="{{ 'assets/css/styles.css'|theme }}" rel="stylesheet">
    {% styles %}                
  </head>
  <body>
    {% page %}
    <!-- Optional JavaScript; choose one of the two! -->
    <!-- Option 1: Bootstrap Bundle with Popper -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>
    <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>

    <!-- Option 2: Separate Popper and Bootstrap JS -->
    <!--
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.min.js" integrity="sha384-pQQkAEnwaBkjpqZ8RU1fF1AKtTcHJwFl3pblpTlHXybJjHpMYo79HY3hIi4NKxyj" crossorigin="anonymous"></script>
    -->    
    {% framework extras %}
    {% scripts %}
  </body>
</html>

1-2 of 2

Please login to reply to the discussion.