modal da nerde hata yapıyorum ? (bootstrap) - R10.net
  • 02-12-2019, 21:47:14
    #1
    <!-- Small modal -->
    
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".bd-example-modal-sm">Small modal</button>
    
    <div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-sm">
    <div class="modal-content">
    ...
    </div>
    </div>
    </div>
    kod böyle tıklayınca herhangi bir değişiklik olmuyor sebebi nedir acaba ?
    Öyle bir zaman gelecek ki; Mal cimrilerin elinde olacak, Kılıç korkakların elinde olacak , Ahmakların sözü geçerli olacak ve Kalem cahillerin elinde kalacak.
  • 02-12-2019, 21:50:24
    #2
    Buyur orjinali.

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
    Launch demo modal
    </button>
    
    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="modal-header">
    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">&times;</span>
    </button>
    </div>
    <div class="modal-body">
    ...
    </div>
    <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
    </div>
    </div>
    </div>
    </div>
  • 02-12-2019, 21:53:13
    #3
    Cooper34 adlı üyeden alıntı
    Buyur orjinali.

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
    Launch demo modal
    </button>
    
    <!-- Modal -->
    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
    <div class="modal-content">
    <div class="modal-header">
    <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
    <span aria-hidden="true">&times;</span>
    </button>
    </div>
    <div class="modal-body">
    ...
    </div>
    <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
    </div>
    </div>
    </div>
    </div>
    hocam bir yere dosya yüklemem gerekmiyor dimi link ile bağlantı kurduktan sonra ?
    çünkü böyle olunca da bir tepki vermedi.
    Öyle bir zaman gelecek ki; Mal cimrilerin elinde olacak, Kılıç korkakların elinde olacak , Ahmakların sözü geçerli olacak ve Kalem cahillerin elinde kalacak.
  • 02-12-2019, 22:00:11
    #5
    JS dosyasını dahil etmiyorsun sanırım, kontrol eder misin?
    The most loneliest day of my life...
  • 02-12-2019, 22:22:04
    #6
    deffydark adlı üyeden alıntı
    hocam bir yere dosya yüklemem gerekmiyor dimi link ile bağlantı kurduktan sonra ?
    çünkü böyle olunca da bir tepki vermedi.
    Head tag'leri arasına diğer js'leri de eklemen gerekir. Aşağıdakileri olduğu gibi head bitişinden önce ekleyebilirsin. Bunları ekledikten sonra sıkıntı kalmayacaktır.

    https://getbootstrap.com/docs/4.4/ge.../introduction/

    20 dk'dir yorum yapamıyorum. Meğer link rel komutlarını cloudflare engelliyormuş. Linkte komutlar var. 20 dk'dir neden cloudflare beni engelledi diye uğraştım yahu