Questions marquées «twitter-bootstrap»

J'ai ce code: <footer class="row"> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 1</li> <li>Text 2</li> <li>Text 3</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 4</li> <li>Text 5</li> <li>Text 6</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 7</li> <li>Text 8</li> <li>Text 9</li> </ul> </nav> <nav class="col-sm-3"> <ul class="list-unstyled"> <li>Text 10</li> <li>Text 11</li> <li>Text …

92 html  css  twitter-bootstrap  twitter-bootstrap-3  responsive-design 

J'utilise le premailer-rails3gem qui extrait les styles en ligne pour les e-mails html, et j'essaie de le faire fonctionner avec le bootstrap de Twitter. https://github.com/fphilipe/premailer-rails3 Il semble que certains styles entrent correctement, mais pas tous. Je me demande si quelqu'un a un bel exemple de travail pour obtenir son css …

92 html  twitter-bootstrap  html-email 

Cela devient ennuyeux - lorsque je clique sur un élément dans une liste déroulante Bootstrap, la liste déroulante ne se ferme pas. Je l'ai configuré pour ouvrir une lightbox Facebox lorsque vous cliquez sur l'élément de liste déroulante, mais il y a un problème avec celui-ci. Ce que j'ai essayé …

92 jquery  twitter-bootstrap 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> Je ne …

92 css  twitter-bootstrap  bootstrap-4 

Comment mettre un lien sur un bouton avec bootstrap? il existe 4 méthodes dans la documentation de bootstrap: <a href="#" class="btn btn-info" role="button">Link Button</a> <button type="button" class="btn btn-info">Button</button> <input type="button" class="btn btn-info" value="Input Button"> <input type="submit" class="btn btn-info" value="Submit Button"> Le premier ne fonctionne pas pour moi, aucun bouton ne …

92 html  twitter-bootstrap  button  hyperlink 

Je suis vraiment un noob, donc je pense que je supervise quelque chose (probablement évident) avec Twitter bootstrap modal. Ce que j'essaie de faire, c'est d'obtenir un modal à lancer uniquement sur mobile. Cela fonctionne bien avec l'ajout de la classe .visible-phone sur la div modale. Jusqu'ici tout va bien. …

91 twitter-bootstrap  modal-dialog 

J'ai bootstrap v3. J'utilise le class="active"sur mon navbaret il ne change pas lorsque j'appuie sur les éléments de menu. Je sais comment faire cela avec jQueryet créer une fonction de clic, mais je pense que cette fonctionnalité devrait être incluse dans le bootstrap? Alors peut-être est-ce un problème JavaScript? Voici …

91 javascript  html  twitter-bootstrap  twitter-bootstrap-3 

J'ai un modal et dans ce modal, il y a une liste déroulante qui affiche un grand contenu caché, qui fonctionne. Maintenant, lorsque vous ouvrez le modal suivant, empilé au-dessus du premier modal et que vous le rejetez, le défilement sur le modal en dessous devient désactivé. J'ai créé un …

91 jquery  html  twitter-bootstrap 

J'utilise le framework CSS bootstrap de Twitter (ce qui est fantastique). Pour certains messages aux utilisateurs, je les affiche en utilisant les alertes Javascript JS et CSS. Pour ceux qui sont intéressés, il peut être trouvé ici: http://getbootstrap.com/javascript/#alerts Mon problème est le suivant; après avoir affiché une alerte à un …

90 javascript  jquery  css  twitter-bootstrap  alert 

J'utilise Twitter Bootstrap et j'essaie de centrer un bouton dans une cellule de tableau. Je n'en ai vraiment besoin que centré verticalement. <table class="table table-bordered table-condensed"> <tbody> <tr> <td><a href="#" class="btn btn-primary"><i class="icon-check icon-white"></i></a></td> <td><a href="#">Todo Item One</a><br /><span class="label label-success">One thing</span></td> </tr> </tbody> </table> Veuillez consulter mon JSFiddle pour …

90 css  twitter-bootstrap 

J'essaie d'utiliser l'info-bulle Bootstrap dans une de mes applications. Mon application utilise AngularJS Actuellement, j'ai les éléments suivants: <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left"> Tooltip on left </button> Je pense que j'ai besoin d'utiliser $("[data-toggle=tooltip]").tooltip(); Cependant, je ne suis pas sûr. Même lorsque j'ajoute la ligne ci-dessus, …

90 angularjs  twitter-bootstrap  twitter-bootstrap-tooltip 

Mes tableaux s'affichent bien sur le bureau, mais une fois que j'essaye de voir la version mobile, ma table finit par être trop large pour l'écran de l'appareil mobile. J'utilise une mise en page réactive. Comment puis-je définir les largeurs de tableau pour la vue mobile? Quelles autres alternatives existe-t-il …

90 twitter-bootstrap  twitter-bootstrap-3 

Veuillez vous référer au code ci-dessous ce que j'ai essayé <div class="row"> <div class="center-block">First Div</div> <div class="center-block">Second DIV </div> </div> production : First Div SecondDiv Production attendue : First Div Second Div Je veux aligner les deux divs horizontalement au centre de la page en utilisant bootstrap css. Comment puis-je …

90 html  css  twitter-bootstrap 

Les éléments appropriés de ce que j'ai essayé sont ici: <a href="#" data-content="<div id='my_popover'></div>"> Click here </a> $(".button").popover({html: true}) $(".button").click(function(){ $(this).popover('show'); $("#my_popover").load('my_stuff') }) When I click, I see the request get made, but doesn't populate the popover. I don't even see HTML for the popover get added to the DOM, …

90 jquery  twitter-bootstrap 

J'utilise Twitter Bootstrap et je remarque que jQuery show()ou fadeIn()ne fait pas apparaître l'élément DOM marqué avec une classe hiddencar les fonctions jQuery ne suppriment que la display: nonespécification. Cependant, le visibilityest toujours défini sur hidden. Je me demande quelle est la meilleure façon de contourner ce problème? Supprimer la …

89 jquery  twitter-bootstrap