bootstrap-5

Html – Bootstrap 5 – Navigation in carousel is not working

I am using bootstrap 5 and want to implement an image carousel and a modal. Here is my example code. <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet"> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script> <div class="row"> <div class="col-md-6"> <div id="carouselExampleControls"…

VIEW QUESTION

Reactjs – Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/bootstrap.js' does not provide an export named 'default'

When I import the bootstrap in react project like this: import bootstrap from "bootstrap"; shows error: Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/bootstrap.js?t=1693123714754&v=6a448f48' does not provide an export named 'default' this is the demo code: import React from 'react'; import bootstrap…

VIEW QUESTION

Css – image (figure )in middle of row, just below a p tag

Nothing I try seems to work properly, sometimes I can center the image but the the figcaption then squeezes itself into a tiny corner. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/5.4.1/css/bootstrap.min.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>…

VIEW QUESTION
Back To Top
Search