2016-06-03 16 views
3

Ich habe eine Spalte, die AbmessungenWie die Breite des Bootstrap popover ändern

width:30px und height:25px

Die Säule trägt nur eine Taste, wenn der popover ausgelöst wird, dann ist es Breite Waage auf die Breite des Spalts. .. Kann jemand wissen, wie man die Breite des Popover vergrößert?

width:100px und height:50

Ich habe den folgenden CSS-Code

.popover{ 
    widht:100px; 
    height:50px; 
    overflow:visible; 
} 
+0

Können Sie bitte ein funktionierendes Beispiel teilen? –

+0

Entschuldigung, aber ich habe nicht! – Dilkush

+0

ich kann versuchen, es ein bisschen einfach zu machen meine Spalte Dimension sind width: 30px Höhe: 25px. Also meine Popover Dimension ist auch die gleiche (Breite: 30px Höhe: 25px). aber ich möchte die Dimension zu Breite ändern: 100px; Höhe: 50px; – Dilkush

Antwort

2

Sie wollen verwendet, um den Behälter zu ändern, die mit dem popover verwendet wird.

Dies kann über Javsascript erfolgen, wo Sie den Container des Popover auf Ihrem angegebenen Element initialisieren.

// where 'body' is the container you want to contain the popover within 
$('[data-toggle="popover"]').popover({ 
container: 'body' }); 
5

Eine Lösung, die ich auf der Bootstrap 4 Beta-Version getestet:

.popover { 
     min-width: 30em !important; 
} 
Verwandte Themen