modal da nerde hata yapıyorum ? (bootstrap)

02-12-2019, 21:47:14

<!-- 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 ?

02-12-2019, 21:50:24

#2

Cooper34

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

deffydark

Cooper34 adlı üyeden alıntı: mesajı görüntüle

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.

02-12-2019, 21:58:26

#4

webtiryaki

Merhaba js-popper dosyasi eksik .

02-12-2019, 22:00:11

#5

truser

JS dosyasını dahil etmiyorsun sanırım, kontrol eder misin?

02-12-2019, 22:22:04

#6

Cooper34

deffydark adlı üyeden alıntı: mesajı görüntüle

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