L'immagine nel popover bootstrap è in overflow [duplicato]
Sto provando a creare una pagina con immagini in popover Ho usato una demo online per crearla ma quando l'immagine diventa più grande di una certa dimensione inizia a traboccare dal popover. Come lo risolvo?
Js Fiddle qui: https://jsfiddle.net/rdvL6kj9/10/
html:
<div class="container my-4">
<p class="font-weight-bold">This simple example shows how to place an image within a bootstrap popover. You can
define if you want to launch the popover on hover or on click.</p>
<p><strong>Detailed documentation and more examples of Bootstrap grid you can find in our <a href="https://mdbootstrap.com/docs/jquery/javascript/popovers/"
target="_blank">Bootstrap Popovers Docs</a></strong></p>
<a class="btn btn-primary" data-toggle="popover-hover" data-img="https://placekitten.com/500/300">Hover
over me</a>
</div>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" crossorigin="anonymous"></script>
js:
// popovers initialization - on hover
$('[data-toggle="popover-hover"]').popover({ html: true, trigger: 'hover', placement: 'bottom', content: function () { return '<img src="' + $(this).data('img') + '" />'; }
});
Ecco uno screenshot del problema: 
2 answers
Related questions
MORE COOL STUFF
Jana Duggar: tutto ciò che ha detto sull'amore e sulla sua finestra di 5 anni per trovare "l'unico"
Jana Duggar è stata aperta sulla sua ricerca dell'amore. Ecco tutto ciò che ha detto sull'argomento e sulla sua finestra di cinque anni per il matrimonio.
Sam Heughan sa esattamente cosa prenderà dal set di 'Outlander': 'Mi sento come se fossi Jamie quando li indosso'
La star di 'Outlander' Sam Heughan ha recentemente rivelato cosa prenderà dal set per ricordare Jamie Fraser, il ruolo che lo ha reso una star.
La canzone dei primi Beatles che è stata una delle "esibizioni più entusiasmanti" della band, secondo un membro dei Fab Four
"She Loves You" è stata scritta in un'ora, registrata in un giorno ed è stata la canzone dei Beatles con una delle loro migliori performance della loro carriera.
Dolly Parton ha aiutato sua nonna "invalida" quando nessuno degli altri nipoti l'avrebbe fatto: le faceva anche uno scherzo
Dolly Parton e sua nonna Bessie avevano un rapporto speciale. Nonna Parton era molto malata, ma questo non ha impedito a Dolly di farle uno scherzo.
Pensiero oggettivo vs. soggettivo e applicazioni
Per comprendere il pensiero oggettivo vs. soggettivo, è fondamentale capire cosa rende unico ogni tipo di ragionamento. Le informazioni soggettive si basano su opinioni o sentimenti personali riguardo a un argomento particolare. Al contrario, le informazioni oggettive sono fattuali, basate sui dati e imparziali.
Cos'è l'umidità e come influisce sulla temperatura?
Quando si parla di meteo, l'umidità è un argomento di conversazione e costernazione costante, soprattutto durante i mesi estivi afosi. Quando la gente dice: "Almeno è un caldo secco", è solo un altro modo per dire: "Uff! Almeno non è umido!"
Carta dei Tarocchi Quattro di Coppe: esplorandone il significato e l'interpretazione
Approfondisci il significato del 4 di Coppe nei tarocchi: una carta di introspezione e opportunità mancate. Esplora il suo significato ora.
Quanto è lontana la Russia dall'Alaska?
Sarah Palin non ha mai veramente detto di poter vedere la Russia da casa sua. Ma quanto dista comunque la Russia dall'Alaska? E riesci a vedere un paese dall'altro?
Il riepilogo di Bear: Marcus è l'uomo più gentile, tenero e sincero di Chicago?
“Children” presenta un cameo di un grande nome e alcune notizie devastanti
A $ 9.800, li metteresti dentro in questa Toyota RAV4 del 2008 a sette posti?
Si dice che questo RAV4 sia in condizioni eccellenti ed è pronto per il gioco delle sedie musicali.
Il furgone delle consegne di Amazon prende fuoco in un'esplosione di fuoco durante la calura estiva di Houston
Le riprese dei droni hanno ripreso i vigili del fuoco che sembravano lottare per spegnere l'incendio.
Lo spettacolo Black Panther della Marvel sarà lo spettacolo animato più cruciale di sempre
Eyes of Wakanda si collega direttamente al MCU, oltre ad aggiornamenti su X-Men '97, What If..., Daredevil e altro ancora.
La storia sentimentale di Ava Gardner: uno sguardo ai matrimoni e alle storie d'amore dell'icona di Hollywood
Ava Gardner avrebbe dovuto sposarsi con Mickey Rooney e Frank Sintra, e frequentare diverse altre star di Hollywood. Ecco uno sguardo alla storia sentimentale di Ava Gardner.
Chi è la moglie di John Cleese? Tutto su Jennifer Wade
John Cleese ha sposato sua moglie, Jennifer Wade, nel 2012. Ecco tutto quello che c'è da sapere sulla moglie di John Cleese, Jennifer Wade.
Chi è la ragazza di Dev Patel? Tutto su Tilda Cobham-Hervey
Dev Patel ha incontrato la sua ragazza nel 2016 sul set di "Hotel Mumbai". Ecco tutto quello che c'è da sapere su Tilda Cobham-Hervey.
Cronologia della relazione tra Garth Brooks e Trisha Yearwood
Garth Brooks e Trisha Yearwood sono sposati dal 2005. Ecco una cronologia completa della loro relazione.
3 modi comprovati per migliorare la tua abilità di scrittura
I vantaggi della scrittura e le strategie per aiutarti a farlo
Nel 2022, con il rilascio di GPT-3, l'abilità di scrittura sembra diventare meno importante. Con l'intelligenza artificiale, anche le persone con una scrittura scadente possono generare personale di qualità.
La lenta erosione: svelare i modi in cui le persone deperiscono nella loro carriera
Nel mondo frenetico e competitivo di oggi, la propria carriera gioca un ruolo significativo nella crescita personale, nella stabilità finanziaria e nella soddisfazione generale della vita. Tuttavia, molte persone si trovano intrappolate in un ciclo inesorabile di stagnazione e insoddisfazione, che si esauriscono gradualmente nella loro vita professionale.
Cosa rende influente un podcast?
La scorsa settimana ho notato un comunicato stampa, inviato tramite PressGazette (un sito Web di notizie sui media britannici). L'articolo annunciava che Acast, la società di hosting e pubblicità di podcast di Scandi, avrebbe guidato un consorzio di editori "probabilmente i più influenti" nel podcasting.