Articles of css

Comment remplacer le style dans Twitter Bootstrap

Comment puis-je remplacer les styles dans Twitter Bootstrap? Par exemple, j’utilise actuellement une classe .sidebar qui a la règle CSS ‘float: left;’ Comment puis-je changer cela pour qu’il se tourne plutôt vers la droite? J’utilise HAML et SASS mais je suis relativement nouveau dans le développement web.

Centre de saisie du champ de saisie du texte HTML

Comment puis-je centrer l’alignement de l’espace réservé du champ de saisie dans un formulaire html? J’utilise le code suivant, mais cela ne fonctionne pas: CSS -> input.placeholder { text-align: center; } .emailField { top:413px; right:290px; width: 355px; height: 30px; position: absolute; border: none; font-size: 17; text-align: center; } HTML -> <!

Taille du texte sensible au bootstrap

J’essaie de construire une mise en page réactive en utilisant bootstrap et je suis en train de définir certains des titres avec la taille de la police: 3em; Mais lorsque la mise en page est réduite, c’est trop grand. Comment puis-je réduire la taille du texte avec réactivité?

Comment rendre le texte HTML non sélectionnable

Je voudrais append du texte à ma page Web en tant qu’étiquette et le rendre non sélectionnable. En d’autres termes, lorsque le curseur de la souris est sur le texte, j’aimerais qu’il ne devienne pas du tout un curseur de sélection de texte. Les boutons de ce site Web (Questions, Tags, Utilisateurs, …) sont un […]

Faire défiler un flexbox avec un contenu débordant

Voici le code que j’utilise pour réaliser la mise en page ci-dessus: .header { height: 50px; } .body { position: absolute; top: 50px; right: 0; bottom: 0; left: 0; display: flex; } .sidebar { width: 140px; } .main { flex: 1; display: flex; flex-direction: column; } .content { flex: 1; display: flex; } .column { […]

Comment append un champ de recherche avec l’icône à la barre de navigation dans Bootstrap 3?

J’utilise le nouveau Bootstrap Twitter 3 et j’essaie de placer un champ de recherche comme celui-ci (ci-dessous) dans la barre de navigation supérieure : Dans Bootstrap 2, cela aurait pu se passer comme ceci: Mais je ne suis pas sûr de savoir comment produire la même chose dans Bootstrap 3 car beaucoup de choses ont […]

Pourquoi le débordement: caché ne fonctionne pas dans un ?

J’ai une cellule de table que j’aimerais toujours avoir une largeur particulière. Cependant, il ne fonctionne pas avec de grandes chaînes de texte non espacées. Voici un cas de test: td { border: solid green 1px; width: 200px; overflow: hidden; } This_is_a_terrible_example_of_thinking_outside_the_box. Comment puis-je couper le texte au bord de la boîte, plutôt que de […]

Twitter bootstrap float div right

Quelle est la manière appropriée dans le bootstrap faire flotter un div vers la droite? Je pensais que pull-right était le moyen recommandé, mais cela ne fonctionne pas. @import url(‘http://twitter.github.com/bootstrap/assets/css/bootstrap.css’); .container { margin-top: 10px; } Text left text right

CSS: 100% de largeur ou de hauteur tout en conservant les proportions?

Actuellement, avec STYLE, je peux utiliser la width: 100% et auto sur la hauteur (ou vice versa), mais je ne peux toujours pas contraindre l’image dans une position spécifique, soit trop large, soit trop haut. Des idées?

Boutons à largeur fixe avec Bootstrap

Est-ce que Bootstrap prend en charge les boutons de largeur fixe? Actuellement, si j’ai 2 boutons, “Enregistrer” et “Télécharger”, la taille du bouton change en fonction du contenu. De plus, quelle est la bonne façon d’étendre Bootstrap?