Bootstrap Friendly Logo
  • Home
  • Category
    • PHP
      • Login registration
        • Table sorting drag and drop
      • PHP Basic
      • PHP Advance
      • PHP API
      • File handling
    • jQuery
      • Submit form using ajax
      • More dropdown button in navigation
      • Dynamic form field
      • Datatable
      • jQuery UI Advance
      • jQuery Basic
      • jQuery Advance
    • How to
      • MYSQL
      • How to PHP
    • Design Snippets
      • Bootstrap 4
      • Bootstrap 5
      • Custom CSS
    • Javascript
      • JS Form
      • JS basic
      • JS Advance
    • PHP Ajax
      • Form Handling
    • Jquery UI
      • Dragable
    • PHP-MYSQL
      • CRUD Operatoins
  • Tools
    • SQL Formatter
    • CSS Box Generator Tool
    • CSS Box Generator Example
    • Wordpress Custom Post Type Generator Tool
    • Method Comparison
    • CSS Formatter
    • Abbreviations and their full form
  • About
  • Contact Us
  • Laravel
    • Laravel Basic
      • How to create unique slug or url in Laravel
      • How to Restrict/Block User Access from IP Address in Laravel
      • Eloquent model Accessors and Mutators in Laravel
      • How to up or down Laravel Application Maintenance Mode and How it Works
      • Drag Drop to Change Post or Menu order in laravel
      • How to check Laravel version of our application
      • Create a master layout in Laravel using blade template inheritance
      • Laravel 9 Installation from basic and changing the welcome page
      • Insert Data In Database Using Seeder and Model In Laravel 9
    • Laravel Import Export
      • Importing Data from CSV or Excel and Exporting Table Schema in Laravel 9
      • How to Export Data to CSV or Excel Format in Laravel 9
    • Laravel 9 Pagination
      • How to Create Custom Search, Filter, and Pagination in Laravel 9
      • Auto Load more Data on Page Scroll using AJAX in Laravel 9
      • How to Create Ajax based Bootstrap Pagination in Laravel 9
      • How to Load More Data on Button Click using AJAX in Laravel 9
    • Laravel SEO
      • Create dynamic XML sitemap in laravel - SEO
    • Laravel Crud
      • CRUD Operation in Laravel 9 using resource controller
  • PHP
    • Login registration
      • Login and Registration System in PHP and MySQL with oops concept
      • Laravel Installation and changing the welcome page
    • Table sorting drag and drop
      • Table Row Sorting with drag and drop functionality using (Ajax, PHP, and MySQLi)
    • PHP Basic
      • PHP Syntax rule
      • What are the differences between die() and exit() functions in PHP?
      • PHP variable scope and differ it from Javascript variable scope
      • The PHP loops
    • PHP Advance
      • Dynamic multi-level dropdown sticky menu in PHP MySQL using bootstrap
      • Advance Like Dislike System and graph In PHP MySQL OOPS with jquery ajax
      • Send PHP form data to email id using PHP mailer
      • Form with Signature Pad | E-Signature Pad using Jquery UI and PHP
    • File handling
      • Tree directory structure script With PHP
      • Uploading Multiple Files with Progress Bar via Ajax and PHP
    • PHP API
      • CRUD operations with PHP cURL REST API
      • What is the cURL in PHP?
  • PHP-MYSQL
    • CRUD Operatoins
      • MySQLi procedural basic CRUD operation
  • Javascript
    • JS Form
      • Login form with password show and hide button using JavaScript
      • Monkey Eye Open Close Animation Login page with password Show Hide in Javascript.
    • JS basic
      • Difference between let, const, and var and their Scope
      • Undefined vs not Defined in JavaScript
    • JS Advance
      • Redirect page according to dependent dropdown menu in Javascript
      • Engineers unit converter using Javascript
      • Read More Read Less Button using jquery and javascript
      • Real-time Digital wall clock using HTML CSS and Javascript
      • How to generate one-time password (OTP) in JavaScript
  • jQuery
    • jQuery Beginner's Guide
      • How to Create Text Converter Tools using jQuery
      • How to Create SLUG or URL Generator Tools using jQuery
      • Enable Disable Customise and set Date Selection Using JQuery UI Datepicker
      • jQuery Document and Window events detail guide with example
      • Pros and Cons of using Jquery for front end development
      • jQuery Mouse Events: A Complete Guide for Web Developers
      • jQuery Keyboard Events Complete Guide
      • jQuery form events detail guide with example
    • Submit form using ajax
      • Form validation using jQuery Validation Plugin
      • Form validation using jquery ajax and PHP, MYSQL.
      • Multi Dependent Drop-down List in PHP using jQuery AJAX with Country State and City Example
    • Dynamic form field
      • Dynamically add or remove form input fields using jQuery
    • Datatable
      • Datatable customization, Fixed Columns and headers, column-wise search
    • jQuery Basic
      • Jquery toggle form using if else statement
    • jQuery Advance
      • Sticky bottom navbar using jquery
      • Wrapping all matched elements with another element in jQuery?
      • Custom sidebar menu with hamburger using jquery and css
      • How to Show Another big Image On Hover Using JQuery
      • Read More Read Less Button using jquery and javascript
      • Select All Checkboxes, Row wise or Column wise using jquery
  • Wordpress
    • Wordpress Custom Code
      • Top useful WordPress functions list and examples
      • How to Enable Debug Mode in WordPress for Troubleshooting Errors?
      • How to disable Theme Editor and Plugin Editor from WordPress dashboard
  • Design Snippets
    • Custom Design
      • How to create accordion only using HTML no JavaScript required?
      • Animating Circle and Square in the background with Mouse Move effect
      • How to Create a Custom Accordion Using HTML, CSS, and jQuery
    • Bootstrap 4
      • Bootstrap navbar animating from the left side using CSS
      • Sticky bottom navbar using jquery
      • Image hover effect using custom CSS
      • Converting Bootstrap Tabs Into Accordions In Mobile View using CSS only
      • Animating bootstrap 4 modal from left or right
      • More dropdown button in bootstrap tab menu items using jQuery
      • Service displaying with icon and danger hover effect on div hover
      • A full customization of particlejs
      • Owl Carousel Slider with range input slider and next previous button
      • Custom sidebar menu with hamburger using jquery and css
      • Stylish multiple footer design example in bootstrap
      • Multiple owl-carousel sliders in one page
      • Banner design with form and animated text in bootstrap
    • Bootstrap 5
      • Creating Tabs design with Bootstrap 5
      • Responsive Tabs and Accordion Design using Bootstrap 5
      • Animated Progress Bar Designs Multiple Examples
      • Multiple Examples of Modern Footer Design Templates
      • Bootstrap 5 Table Templates: Multiple Examples of Various Designs
    • Design Template
      • Swiper Slider Navigation with Mouse Wheel and Hamburger Menu
      • Creating Custom Tab Designs Example using JavaScript
      • Multiple Examples of Modern Footer Design Templates
      • Owl Carousel multiple design example
      • Custom Acccordion Example
      • Swiper Slider ecommerce design template
      • Skeleton Pre Loader Example - How to create a skeleton loader screen using HTML CSS
    • E-Commerce Design
      • E-commerce single product detail page gallery with swiper slider
    • Custom CSS
      • Implementing Mouse Wheel Navigation for Swiper Slider with Hamburger
      • How to create HTML accordion without JavaScript?
      • Monkey Eye Open Close Animation Login page with password Show Hide in Javascript.
  • Interview Questions
    • Laravel Interview Questions
      • Top 30+ Laravel interview questions and their answer
  • PHP Ajax
    • Form Handling
      • Form validation using jquery ajax and PHP, MYSQL.
      • Send PHP form data to email id using PHP mailer
      • Form submission using javascript ajax and php
  • How to
    • MYSQL
      • How to find 3rd maximum or nth maximum salary in MySQL?
      • How to delete multiple row by selected checkboxes using PHP and ajax
    • How to PHP
      • How to filter or sanitize numbers from strings in PHP?
      • How to export database data into excel in csv format using PHP
      • How to delete multiple row by selected checkboxes using PHP and ajax
  • Jquery UI
    • Dragable
      • how to make bootstrap modal draggable and resizable
      • Table Row Sorting with drag and drop functionality using (Ajax, PHP, and MySQLi)
      • How to create draggable, droppable and sortable menu using jQuery UI
    • jQuery UI Advance
      • Enable, Disable, and Customise Date Selection JQuery UI Datepicker
  • Cheatsheet
  • HTML Quiz Label 1
  • JavaScript Quiz Practice Set Level 1
  • PHP array Quiz Practice Set
  • Tools
    • SQL Formatter
    • CSS Formatter
    • CSS Box Shadow Generator
    • CSS Box Shadow Example
    • Method Comparision across PHP, MySQL, JS
    • Similar method list in PHP, MySQL, JS
    • Abbreviations and their full form

Go back to tutorial
Useful Links
  • Home
  • About us
  • Contact Us
  • Terms of service
  • Privacy policy
  • PHP
    • Login registration
    • Form Handling
    • PHP Basic
    • CRUD Operatoins
    • PHP Advance
    • PHP API
    • File handling
  • jQuery
    • Table sorting drag and drop
    • Dynamic form field
    • Datatable
    • jQuery Basic
    • jQuery Advance
  • Design Snippets
    • Bootstrap 4
    • Bootstrap 5
    • Custom CSS
  • Javascript
    • JS Form
    • JS basic
    • JS Advance
  • Jquery UI
    • Dragable
    • jQuery UI Advance
  • How to
    • How to PHP
  • PHP Ajax
    • Submit form using ajax
  • MYSQL
    • PHP-MYSQL
Copyright © 2024 Bootstrap Friendly. All Rights Reserved.
    OOps! You are currently offline.