De quels outils de développement bootstrap dispose-t-il ?

outils de développement bootstrap : 1. Jetstrap ; 2. Bootply ; 3. DivShot ; 4. Bootstrap Magic ; 6. X-editable ; 7. Grid Displayer ;

L'environnement d'exploitation de ce tutoriel : système Windows 7, bootsrap version 3.3.7, ordinateur DELL G3

Bootstrap est une conception simple, intuitive et intuitive basée sur HTML, CSS et JavaScript développée par Mark Otto et Jacob Thornton, concepteurs de la société américaine Twitter. Le puissant cadre de développement front-end accélère le développement Web. Bootstrap fournit des spécifications HTML et CSS élégantes, écrites dans le langage CSS dynamique Less.

Bootstrap est très populaire depuis son lancement et est un projet open source populaire sur GitHub, y compris MSNBC (Microsoft National Broadcasting Company) Breaking News de la NASA. Certains frameworks familiers aux développeurs mobiles nationaux, tels que le framework open source frontal WeX5, sont également optimisés en termes de performances sur la base du code source Bootstrap.

Outils de développement bootstrap :

1. Jetstrap

Jetstrap est un outil de création d'interface entièrement basé sur le Web pour Twitter Bootstrap, conçu pour les développeurs, les concepteurs et les développeurs. Jetstrap vous aide à créer de superbes sites Web rapidement et avec très peu d'effort.

2. Bootply

Bootply vous permet de déboguer facilement Bootstrap. Modifiez CSS, HTML et JavaScript. Vous pouvez utiliser Bootply pour concevoir, prototyper, étendre ou tester le framework Bootstrap. Bootply s'intègre à d'autres plugins, microbibliothèques et frameworks Bootstrap populaires.

3. DivShot

Divshot est un éditeur frontal basé sur le glisser-déposer qui vous permet d'utiliser Twitter Bootstrap (bien sûr, Foundation peut également être utilisé) pour créer un site Web réactif. pour faire du codage vous-même, il suffit de glisser-déposer.

4. Bootstrap Magic

Le générateur de thème Bootstrap Magic est construit sur Twitter Bootstrap 3 et AngularJS. Vous pouvez créer votre propre thème Twitter Bootstarp rapidement et facilement. Vous pouvez voir instantanément ce que vous modifiez et ajouter de superbes polices Web à partir de Google Webfont.

5. Layoutit

LayoutIt est un générateur d'interface Twitter Bootstrap qui peut vous aider à créer rapidement des modèles de site Web et d'interface, et en même temps à télécharger le code du site Web généré. Créez un magnifique site Web Twitter Bootstrap avec seulement quelques opérations de glisser-déposer. Toutes les conceptions peuvent être réactives et fluides, et peuvent être facilement intégrées à n'importe quel langage de programmation. Il vous suffit de télécharger le HTML pour commencer à coder la conception.

6, X-editable

X-editable prend en charge l'édition sur place avec Twitter Bootstrap, jQuery UI ou pure jQuery. Cette bibliothèque vous permet de créer des éléments modifiables sur vos propres pages Web. Il comprend des modes pop-up et en ligne. Il prend en charge les éléments de saisie, notamment le texte, la zone de texte, la liste déroulante, la date, la dateui et la liste de contrôle. Il prend en charge la validation côté client et côté serveur. De plus, la position du conteneur est entièrement personnalisable et les utilisateurs peuvent basculer automatiquement ou manuellement d'un simple clic ou d'un double clic.

7. Grid Displayer

Grid Displayer est un outil de favoris qui peut être utilisé pour afficher des grilles pour Twitter Bootstrap (grilles fixes et fluides) et Foundation (2.0 et 3.0). Il prend en charge les navigateurs basés sur Firefox et WebKit.

8. GetkickStrap

Kickstrap combine parfaitement Bootstrap et utilise une technologie Web de premier ordre. Il peut exécuter des applications Web éprouvées basées sur des bases de données sans avoir besoin d'un backend natif. Kickstrap combiné à JSPM.io fournit des dépendances pour de puissants packages frontaux construits sur Require.js. Une application Kickstrap est un ensemble de ressources statiques qui peuvent être exécutées à tout moment pendant le cycle de vie d'une application Web.

9. Font Awesome

Font Awesome est un ensemble de bibliothèques de polices d'icônes spécialement conçues pour Twitter Boostrap. Cet ensemble de polices d'icônes couvre presque toutes les icônes pouvant être utilisées dans les pages Web. En plus des icônes par défaut de Twitter Boostrap, il existe également des icônes de réseaux sociaux, des icônes d'applications Web, des icônes d'éditeur, etc., et peuvent être utilisées gratuitement dans. projets commerciaux.

10. Générateur de boutons Bootstrap

Il s'agit d'un outil de génération de boutons Twitter Bootstrap très utile. Il vous suffit de saisir le nouveau style de bouton que vous souhaitez attribuer et de le faire correspondre à différentes couleurs de boutons. La mise à jour sera un aperçu instantané.

11, Easel

Easel est un impressionnant outil de conception Twitter Bootstrap qui vous permet de lier des éléments spécifiques de votre document à d'autres fichiers de votre application prototype. Vous pouvez même demander à vos utilisateurs de réussir le test afin d'obtenir des commentaires précoces.

12. Fancyboot

Fancyboot est un outil de personnalisation Twitter Bootstrap simple mais puissant avec juste ce qu'il faut de contrôle et supprime toute complexité inutile.

13、Concepteur Bootstrap

Bootstrap Designer est un outil de conception en ligne qui peut créer de superbes modèles HTML5 basés sur Twitter Bootstrap. Différents styles de design peuvent être créés : minimaliste, noir et blanc, typographique, monochrome, épuré et créatif, etc.

14, Bootsnipp

Bootsnipp est une galerie d'éléments conçus pour les concepteurs et développeurs Web, toute personne utilisant Twitter Bootstrap la trouvera essentielle dans son travail.

15, PaintStrap

Paintstrap vous permet de générer de magnifiques thèmes Twitter Bootstrap en utilisant la correspondance des couleurs Adobe Kuler ou COLOURlovers.

Apprentissage recommandé : "Tutoriel d'utilisation du bootstrap"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!