{% extends 'layouts/base_background.html' %} {% load static %} {% block title %} Material Kit 2 by Creative Tim {% endblock title %} {% block body %} class="toggles-sections" {% endblock body %} {% block header %} {% include 'includes/navigation_light.html' %} {% endblock header %} {% block content %}

Toggles

Toggle

Copy 
<div class="container py-6 mt-3">
  <div class="row">
    <div class="col-4 mx-auto">
      <div class="form-check form-switch d-flex align-items-center ps-6">
        <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
        <label class="form-check-label ms-3 mb-0" for="flexSwitchCheckDefault">Remember me</label>
      </div>
    </div>
  </div>
</div>

Toggle Context

Copy 
<div class="container py-6 mt-3">
  <div class="d-flex justify-content-center align-items-center">
    <div>
      <div class="form-check form-switch mb-0">
        <input class="form-check-input" type="checkbox" id="flexSwitchCheckDefault">
      </div>
    </div>
    <div class="ms-4">
      <span class="text-dark font-weight-bold d-block text-sm">Remember me</span>
      <span class="text-xs d-block">Be sure that you will always be logged in.</span>
    </div>
  </div>
</div>
{% endblock content %} {% block footer %} {% include 'includes/footer_fullscreen.html' %} {% endblock footer %} {% block javascripts %} {% include 'includes/scripts_sections.html' %} {% endblock javascripts %}