• 07-04-2021, 16:00:23
    #1
    Merhaba. Bootstrap 5 in örnek carousel'i localimde çalıştıramıyorum. Tüm scriptler be bootstrap css çalışmada ekli.
    [COLOR=#d4d4d4][FONT=Consolas][COLOR=#808080]<![/COLOR][COLOR=#569cd6]doctype[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]html[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]html[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]lang[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"en"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569cd6]head[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]  [/COLOR][COLOR=#6a9955]<!-- Required meta tags -->[/COLOR][COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]meta[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]charset[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"utf-8"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]meta[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]name[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"viewport"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]content[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"width=device-width, initial-scale=1"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#d4d4d4]  [/COLOR][COLOR=#6a9955]<!-- Bootstrap CSS -->[/COLOR][COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]link[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]href[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]rel[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"stylesheet"[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#9cdcfe]integrity[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]crossorigin[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"anonymous"[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]title[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]Hello, world![/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]title[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]head[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]<[/COLOR][COLOR=#569cd6]body[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]div[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]id[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carouselExampleIndicators"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel slide"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]data-ride[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]ol[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel-indicators"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]li[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]data-target[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"#carouselExampleIndicators"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]data-slide-to[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"0"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"active"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569cd6]li[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]li[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]data-target[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"#carouselExampleIndicators"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]data-slide-to[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"1"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569cd6]li[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]li[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]data-target[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"#carouselExampleIndicators"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]data-slide-to[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"2"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569cd6]li[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]ol[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]div[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel-inner"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]div[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel-item active"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]        [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]img[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"d-block w-100"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]src[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"https://via.placeholder.com/300x125"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]alt[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"First slide"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]div[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]div[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel-item"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]        [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]img[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"d-block w-100"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]src[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"https://via.placeholder.com/300x111"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]alt[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"Second slide"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]div[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]div[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel-item"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]        [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]img[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"d-block w-100"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]src[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"https://via.placeholder.com/300x144"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]alt[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"Third slide"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]div[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]div[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]a[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel-control-prev"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]href[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"#carouselExampleIndicators"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]role[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"button"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]data-slide[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"prev"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]span[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel-control-prev-icon"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]aria-hidden[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"true"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569cd6]span[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]span[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"sr-only"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]Previous[/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]span[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]a[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]a[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel-control-next"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]href[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"#carouselExampleIndicators"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]role[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"button"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]data-slide[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"next"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]span[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"carousel-control-next-icon"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]aria-hidden[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"true"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569cd6]span[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]span[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]class[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"sr-only"[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]Next[/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]span[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]a[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]div[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#d4d4d4]  [/COLOR][COLOR=#6a9955]<!-- Optional JavaScript; choose one of the two! -->[/COLOR]
    [COLOR=#d4d4d4]  [/COLOR][COLOR=#6a9955]<!-- Option 1: Bootstrap Bundle with Popper -->[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]src[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]integrity[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]crossorigin[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"anonymous"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#d4d4d4]  [/COLOR][COLOR=#6a9955]<!-- Option 2: Separate Popper and Bootstrap JS -->[/COLOR]
    [COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]src[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.1/dist/umd/popper.min.js"[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#9cdcfe]integrity[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"sha384-SR1sx49pcuLnqZUnnPwx6FCym0wLsk5JZuNx2bPPENzswTNFaQU1RDvt3wT4gWFG"[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#9cdcfe]crossorigin[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"anonymous"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]src[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.min.js"[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#9cdcfe]integrity[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"sha384-j0CNLUeiqtyaRmlzUHCPZ+Gy5fQu0dQ6eZ/xAww941Ai1SxSY+0EQqNXNE6DZiVc"[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#9cdcfe]crossorigin[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"anonymous"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]src[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"https://code.jquery.com/jquery-3.6.0.js"[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#9cdcfe]integrity[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#9cdcfe]crossorigin[/COLOR][COLOR=#d4d4d4]=[/COLOR][COLOR=#ce9178]"anonymous"[/COLOR][COLOR=#808080]></[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]<[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#808080]>[/COLOR][COLOR=#d4d4d4]    [/COLOR][COLOR=#4fc1ff]$[/COLOR][COLOR=#d4d4d4]([/COLOR][COLOR=#ce9178]'.carousel'[/COLOR][COLOR=#d4d4d4]).[/COLOR][COLOR=#dcdcaa]carousel[/COLOR][COLOR=#d4d4d4]({[/COLOR][COLOR=#d4d4d4]      [/COLOR][COLOR=#9cdcfe]interval:[/COLOR][COLOR=#d4d4d4] [/COLOR][COLOR=#b5cea8]2000[/COLOR][COLOR=#d4d4d4]    })[/COLOR][COLOR=#d4d4d4]  [/COLOR][COLOR=#808080]</[/COLOR][COLOR=#569cd6]script[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]</[/COLOR][COLOR=#569cd6]body[/COLOR][COLOR=#808080]>[/COLOR]
    [COLOR=#808080]</[/COLOR][COLOR=#569cd6]html[/COLOR][COLOR=#808080]>[/COLOR][/FONT][/COLOR]
  • 07-04-2021, 16:03:20
    #2
    Hocam bende sorun yaşıyordum şu videoyu izleyerek hallettim buyrun:


    https://www.youtube.com/watch?v=loXaso67kGg&t=276s