2016-04-02 31 views
0

Bu konuda yeni başlıyorum. Bootstrap 4 cover example işini nasıl düzgün yapabilirim, böylece kendim düzenleyebilirim?Bootstrap 4 Cover nasıl oluşturulur Örnek Çalış?

Kaynağı indirmeyi denedim, bootstrap.min.css ve .js'yi alıp ana klasörüme yerleştirdikten sonra şablonun kodunu almak ve Index.html'ye yapıştırmak için Sayfa Kaynağını Görüntüle'yi denedim. Tek gördüğüm, önyükleme yaptığımda düz Bootstrap metni ... Hangi adımlar eksik?

cevap

1

html dosyasındaki yolları düzeltmeniz gerekir.

<link href="../../dist/css/bootstrap.min.css" rel="stylesheet"> 

css dosyası ve index.html aynı klasörde durumunda

<link href="bootstrap.min.css" rel="stylesheet"> 

olmalıdır. Aynı şey html'nin altındaki bootstrap.min.js için de geçerlidir. Ayrıca cover.css'a ihtiyacınız var ve html ile aynı dizine kaydedin.

+0

teşekkür ederiz! Çıktı, cover.css için sayfa kaynağı üzerinde tıklanabilir olduğunu bilmediğim bir CSS dosyası oluşturmadım. Kesinlikle beni doğru yolda yönlendirdin. – digitalsara

+0

Ve görüntü eklemek için ..? –

0

cover.scss görüntü vücudunuzun etiketine aşağıdaki kodu ekleyin eklemek için

background: image-url('background.jpg') no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
+0

Css'de çalışmamı sağlamak için cevabınızı değiştirdim. 'background-image: url ('image.jpg'); ' arka plan tekrarı: no-repeat; ' arka plan konumu: merkez merkezi; ' –

İlgili konular