Saya telah membuat tanda air yang sejajar dengan kiri dari konten utama di situs web saya. Meskipun saya tidak dapat menyesuaikannya dengan benar karena beberapa atribut CSS yang hilang. Ini adalah tampilan situs web saat ini: masukkan deskripsi gambar di sini

Tidak tahu mengapa ini mengganggu konten utama. Itu harus berfungsi sebagai tanda air dan menghilang saat tidak diperlukan.

0
SharathKamlekar 11 Mei 2021, 18:07

2 jawaban

Jawaban Terbaik

Ini dapat dicapai dengan breakpoint Bootstrap dan menampilkan kelas utilitas. Lihat tautan ini untuk mempelajari lebih lanjut: https://getbootstrap.com/docs/4.0/utilities/display/

Coba terapkan kelas utilitas tampilan ini ke kode Anda. Menggunakan d-none akan menyembunyikan div di ponsel. Kelas d-md-block kemudian akan menampilkan div ini pada resolusi layar pada dan di atas ukuran sedang.

<div id="bg-text" class="d-none d-md-block">
    Add watermark here.
</div>
1
Andrew 11 Mei 2021, 17:28

Untuk menjadi responsif, Anda harus menghubungi kueri media. Pada dasarnya Anda harus menentukan breakpoint untuk ukuran layar yang berbeda dan juga kode css di belakang setiap breakpoint untuk memberi tahu situs web Anda bagaimana berperilaku untuk menjangkau mereka.

Desain Web Responsif - Kueri Media

Kueri Media: Bagaimana cara menargetkan desktop, tablet, dan seluler?< /a> (Lihat komentar dan jawaban di sini)

1
ent3 11 Mei 2021, 15:21