Articles of twitter bootstrap

Schede di bootstrap dinamiche con PHP / MySQL

Quindi sto affrontando questo problema da un po ‘di tempo e non riesco a farlo funzionare. Ho una tabella delle categorie e un link nel mio database. Sto cercando di visualizzare il titolo “categoria” come scheda e il “link” come contenuto della scheda. Lasciatemi condividere il mio codice e spiegherò il problema: query(‘SELECT `tab_title` FROM […]

Mostra dati PHP in Bootstrap Modal

Ho un sito web di albero genealogico di base che ha ciascuna persona come segue: John Dice extract.php è uno script php di base che prende l’ id dal tag href ed estrae le informazioni relative alle persone dal database. Ora lo script php visualizza i dati in modo semplice (backgroud bianco e testo nero […]

Sfondo CSS incorporato: url () non funziona nel modello Jinja2

Sto riscontrando dei problemi nel rendere il Bootstrap Carousel reattivo e scalare l’altezza e la larghezza delle immagini dinamiche. Un lavoro che ho trovato è stato quello di utilizzare: background: url(path_to_image.jpg) no-repeat center center; che sembra funzionare bene. Ora, sto cercando di inserire il codice in un’applicazione Flask / Jinja: #hp { height: 250px; width: […]

Equivalente a CakePHP del codice html

Sto lavorando a un progetto cakePHP e ho bisogno di creare un pulsante usando PHP che cancellerà una voce in un database, ma voglio visualizzare l’icona del cestino di bootstrap di Twitter su detto pulsante. Il codice per includere l’icona da twitter bootstrap è; E il codice PHP di cui ho bisogno per funzionare è; […]

Bootstrap – Creazione di un browser mobile che non utilizza il collasso

dopo aver guardato un sacco di tutorial non riesco a trovare una soluzione per i miei bisogni in Bootstrap. La situazione … Ho due barre di navigazione un display per tablet e cellulari, l’altro è per dispositivi più grandi. Il motivo per cui non ho usato la funzionalità retriggers collassante è perché la barra di […]

Barra laterale sinistra con interruttore in Bootstrap 3 non funzionante

Sto cercando di adattare un modello Bootstrap mostrato qui https://bootsnipp.com/snippets/featured/navigation-sidebar-with-toggle in modo che includa una barra di navigazione superiore e un piè di pagina. La mia applicazione ha bisogno della barra laterale sinistra per essere l’intera altezza della pagina (meno la barra di navigazione e il piè di pagina in alto) e per l’area del […]

typeahead bootstrap + play framework – Perché ho bisogno di codificare in HTML caratteri a virgoletta singola in JSON passati a HTML?

Ora della favola Nello schema di modelli di Play, ho questa configurazione semplificata: @(param:String) @param La @Html () è menzionata qui e la parte inferiore di qui e sostanzialmente impedisce che caratteri come < vengano sostituiti con < . Sto tentando di passare una Json.stringify -ed e Json.toJson -ed List[String] che ottengo dal mio database […]

Creare un tastierino numerico HTML senza layout

Sto cercando di creare un ‘tastierino numerico‘ HTML, come quelli trovati su alcune tastiere. Sono perplesso su come eseguire il layout senza usare un tavolo. Sto usando Bootstrap (v3.1.1) quindi il mio primo istinto è stato quello di tentare di usare le sue col- per riprodurre le 4 colonne di tasti trovati su una tastiera. […]

problema con la miniatura del carosello quando si fa reactjs

Sto provando a creare un cursore miniatura di carosello reattivo usando il bootstrap. In Desktop non ci sono problemi. Va tutto bene. Ma quando ridimensiono la finestra per la visualizzazione mobile, la giostra abbatte la colonna in direzione verticale. Voglio visualizzare l’immagine di una miniatura in una volta e voglio mostrare la successiva una dopo […]

Centralizzazione delle colonne Bootstrap

Sto lavorando con Bootstrap per creare un sito reattivo e avere tre div di dimensioni uguali che devono essere centrate sulla pagina. Tuttavia, si stanno concentrando maggiormente sul lato sinistro della pagina. HTML: Person 1 CSS: .team-desktop { display:inline-block; margin:0 auto; } #team-test { text-align:center; } .team-profile { width:350px; text-align:center; display:block; margin:0 auto; background-color:#f7f7f7; border-radius:10px; […]