Rumah > Artikel > hujung hadapan web > Berikut ialah beberapa pilihan tajuk, perlu diingat bahawa ia harus ringkas dan menarik: Langsung & Bermaklumat: * Bagaimana untuk Kembangkan Bootstrap 3 Popovers Melebihi Lebar Elemen Bentuk? * Membuat Bootstrap Popove
Cara Menambah Lebar Popover Bootstrap
Apabila menggunakan Bootstrap 3, popover yang diletakkan di sebelah kanan elemen borang mungkin dikekang lebar kerana kepada sifat lebar penuh kawalan borang. Berikut ialah beberapa penyelesaian yang mengelak daripada mengatasi gaya lalai Bootstrap:
Pilihan 1: CSS Tersuai
Tambahkan CSS ini pada helaian gaya anda:
<code class="css">.popover { max-width: 100%; /* Increase the popover's maximum width */ }</code>
Pilihan 2: Tentukan Bekas Popover
Secara lalai, popover terkandung dalam elemen yang mencetuskannya. Untuk menjadikan popover penuh lebar, nyatakan bekas lain menggunakan JavaScript:
<code class="js">$('[data-toggle="popover"]').popover({ container: 'body' // Contain the popover within the body element });</code>
Maklumat Tambahan
Demonstrasi JSFiddle
Lihat demonstrasi penyelesaian yang berfungsi dalam JSFiddle ini: https://jsfiddle.net/xp1369g4/
Atas ialah kandungan terperinci Berikut ialah beberapa pilihan tajuk, perlu diingat bahawa ia harus ringkas dan menarik: Langsung & Bermaklumat: * Bagaimana untuk Kembangkan Bootstrap 3 Popovers Melebihi Lebar Elemen Bentuk? * Membuat Bootstrap Popove. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!