Programmazione bootstrap-4

16

Come rendere le carte Bootstrap 4 della stessa altezza nelle colonne delle carte?

Sto usando Bootstrap 4 alpha 2 e sto sfruttando le carte. Nello specifico, sto lavorando con questo esempio tratto dai documenti ufficiali. Come posso fare in modo che tutte le carte abbiano la stessa altezza? Tutto quello che posso pensare a questo punto è impostare la seguente regola CSS: .card …

134 html css twitter-bootstrap bootstrap-4 bootstrap-cards

8

Qual è la classe equivalente ".well" in Bootstrap 4

In bootstrap-3 c'è una .wellclasse che aggiunge un bordo arrotondato attorno a un elemento con un colore di sfondo grigio e qualche imbottitura. <div class="well">Basic Well</div> Ma non ho trovato alcuna .wellclasse in bootstrap-4. C'è qualche tag equivalente a .wellin bootstrap-4?

130 css twitter-bootstrap twitter-bootstrap-3 bootstrap-4 twitter-bootstrap-4

13

Bootstrap 3: pull-right solo per col-lg

Nuovo per bootstrap 3 .... Nel mio layout ho: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Vorrei che gli "elementi 2" NON fossero allineati su schermi più piccoli di quelli colorati. Così efficace avere la classe pull-right solo per col-lg-6 ... …

127 css twitter-bootstrap twitter-bootstrap-3 bootstrap-4

12

Bootstrap 4 Cambia colore dell'hamburger Toggler

Ho un sito Web di bootstrap in cui viene aggiunto il toggler dell'hamburger quando la dimensione dello schermo è inferiore a 992 px. Il codice è così: <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> C'è la possibilità di cambiare il colore del pulsante di …

125 css twitter-bootstrap bootstrap-4

4

Classi di colore del testo disponibili in Bootstrap

Sto sviluppando una pagina di registrazione, inserendo del testo come titolo nella barra di navigazione. Voglio dare a quei testi colori diversi. A questo scopo sto usando un file CSS separato, ma voglio farlo usando il file CSS di bootstrap. Qualcuno può elencare le classi di colore disponibili in bootstrap?

119 css twitter-bootstrap twitter-bootstrap-3 bootstrap-4

3

Datepicker Bootstrap v4 [chiuso]

Chiuso. Questa domanda non soddisfa le linee guida di Stack Overflow . Attualmente non accetta risposte. Vuoi migliorare questa domanda? Aggiorna la domanda in modo che sia in argomento per Stack Overflow. Chiuso 2 anni fa . Migliora questa domanda Sto usando Bootstrap V4 per il mio nuovo sito web …

114 twitter-bootstrap bootstrap-4

10

Come utilizzare Bootstrap 4 in ASP.NET Core

Voglio aggiornare Bootstrap in ASP.NET Core con NuGet. Ho usato questo: Install-Package bootstrap -Version 4.0.0 Ha aggiunto le dipendenze, ma come posso aggiungerlo al mio progetto ora? Qual è il percorso per le dipendenze NuGet locali?

112 .net asp.net-core nuget bootstrap-4 asp.net-core-2.0

4

Bootstrap 4: il menu a discesa si spegne a destra dello schermo

Non riesco a far sì che gli elementi a discesa non escano dalla pagina. Ho provato un paio di cose da BS3 ma non sembrano funzionare. Non sono sicuro che sia a causa di ml-auto. (ignora le istruzioni if-else) Ecco la CodePen : <div class="container-fluid"> <nav class="navbar fixed-top navbar-toggleable-md navbar-inverse" …

112 twitter-bootstrap css bootstrap-4

14

Bootstrap carosello più fotogrammi contemporaneamente

Questo è l'effetto che sto cercando di ottenere con il carousel Bootstrap 3 Invece di mostrare solo un fotogramma alla volta, mostra N fotogrammi che scorrono fianco a fianco. Quindi, quando fai scorrere (o quando scorre automaticamente), sposta il gruppo di diapositive come fa. Può essere fatto con il carosello …

110 jquery twitter-bootstrap-3 jquery-plugins carousel bootstrap-4

9

Come nascondere la barra di navigazione pieghevole Bootstrap 4 al clic

Ho creato questa barra di navigazione pieghevole utilizzando Bootstrap 4 che funziona bene, ma vorrei che si chiudesse quando l'utente fa clic su un collegamento. Qualche modo per farlo? Grazie barra di navigazione html: <nav class="navbar navbar-toggleable-md fixed-top"> <button id="nav-btn"class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarDiv" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span …

110 html css twitter-bootstrap bootstrap-4 twitter-bootstrap-4

10

Cosa è successo alle classi .pull-left e .pull-right in Bootstrap 4?

Nella versione più recente pull-left e pull-right sono stati sostituiti da .pull- {xs, sm, md, lg, xl} - {left, right, none} Ciò significa che invece di scrivere un semplice class="pull-right", ora dovrò scrivereclass="pull-md-right pull-xl-right pull-lg-right pull-sm-right pull-xs-right" C'è un modo meno noioso per farlo?

104 bootstrap-4

7

Dimensionamento delle colonne della tabella

In Bootstrap 3, potrei applicare col-sm-xxai thtag nelle theadcolonne della tabella e ridimensionare a piacimento. Tuttavia questo non funziona in bootstrap 4. Come posso ottenere qualcosa di simile in bootstrap 4? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> Guardando il codice a condizione …

103 css twitter-bootstrap html-table bootstrap-4

5

Barra laterale collassata con Bootstrap

Ho appena visitato questa pagina http://www.elmastudio.de/ e mi sono chiesto se è possibile costruire il collasso della barra laterale sinistra con Bootstrap 3. Codice per comprimere la barra laterale dall'alto (solo telefono): <button type="button" class="navbar-toggle sidebar-toggle" data-toggle="collapse" data-target=".sidebar-ex1-collapse"> <span class="sr-only">Sidebar</span> <span class="glyphicon glyphicon-check"></span> </button> La sidebar stessa ha la classe …

102 twitter-bootstrap-3 bootstrap-4 sidebar collapse

6

popper.js in bootstrap 4 fornisce SyntaxError Esportazione di token imprevista

Ho provato a installare bootstrap 4 e ho incluso i seguenti collegamenti <script src="libs/jquery/dist/jquery.min.js"></script> <script src="libs/tether/dist/js/tether.min.js" ></script> <script src="libs/popper.js/dist/popper.js"></script> <script src="libs/bootstrap/dist/js/bootstrap.min.js" ></script> Ma si verifica il seguente errore: Sintassi non rilevata Errore: esportazione di token imprevista Qualche idea su come aggiustarlo?

98 javascript twitter-bootstrap bootstrap-4 popper.js

13

Bootstrap 3 e 4 .container-fluid con griglia che aggiunge imbottitura indesiderata

Vorrei che il mio contenuto fosse fluido, ma quando si utilizza .container-fluidcon la griglia di Bootstrap, vedo ancora il riempimento. Come posso eliminare l'imbottitura? Vedo che non ottengo il riempimento con .row, ma voglio aggiungere colonne e non appena lo faccio, il riempimento è tornato: O. Voglio essere in grado …

97 twitter-bootstrap twitter-bootstrap-3 bootstrap-4

Domande taggate «bootstrap-4»