FORUMS PROFESSIONNELS
WINDEV
,
WEBDEV
et
WINDEV Mobile
Accueil
|
Messages récents
|
Connexion
|
Déconnexion
|
Français
Accueil
→
WINDEV 25
→
WX - Webdev com Bootstrap
WX - Webdev com Bootstrap
Débuté par adrianoboller, 13 avr. 2016 15:41 - Aucune réponse
Connectez-vous…
adrianoboller
#1
Membre enregistré
3 655 messages
Popularité : +175 (223 votes)
Posté le 13 avril 2016 - 15:41
Prezados,
Venho aqui apresentar alguns detalhes do Webdev com Bootstrap, que foi apresentado pelo nosso amigo Leonardo Vilani.
http://www.w3schools.com/bootstrap/
Bootstrap é o HTML, CSS, e um quadro mais popular JavaScript para o desenvolvimento ágil, mobile-primeiros sites.
Bootstrap é totalmente gratuito para baixar e usar!
O que é Bootstrap?
Bootstrap é uma estrutura de front-end livre para desenvolvimento web mais rápida e fácil
Bootstrap inclui modelos de design baseado em HTML e CSS para tipografia, formas, botões, tabelas, navegação, modais, carrosséis de imagem e muitos outros, bem como plugins JavaScript opcionais
Bootstrap também lhe dá a capacidade de facilmente criar designs responsivos
Nota O que é Web Design Responsive?
Responsive Web design é sobre a criação de sites que automaticamente ajustam-se para olhar bom em todos os dispositivos, desde pequenas a grandes telefones desktops.
História Bootstrap
Bootstrap foi desenvolvido por Mark Otto e Jacob Thornton no Twitter, e lançado como um produto de fonte aberta em agosto de 2011 no GitHub.
Em junho 2014 Bootstrap foi o projeto No.1 no GitHub!
Por que usar Bootstrap?
Vantagens de Bootstrap:
Fácil de usar: Qualquer pessoa com conhecimentos apenas básicos de HTML e CSS pode começar a usar Bootstrap
Características Responsive: CSS responsivo do Bootstrap ajusta para celulares, tablets e desktops
Mobile-primeira abordagem: Em Bootstrap 3, estilos móveis de primeira fazem parte do quadro de núcleo
Compatibilidade do navegador: Bootstrap é compatível com todos os navegadores modernos (Chrome, Firefox, Internet Explorer, Safari e Opera)
exemplos de como fica um site com Bootstrap
Bootstrap
https://mega.nz/…
Template:
https://mega.nz/…
Vídeos:
Outros detalhes:
Popouver Bootstrap
http://prntscr.com/alqfa7
1º PASSO: Coloque a referência do JQuery e BootStrap no meu projeto
http://prntscr.com/alqh4m
2º PASSO: Crie duas Local Browser Procedures com tipo de linguagem JavaScript
Mostra_Popover
http://prntscr.com/alqiiu
Oculta Popover
http://prntscr.com/alqizd
3º PASSO: Chame estas funções nos eventos Entry e Exit (ambos browser) do controle
http://prntscr.com/alqk05
SEGUE EXEMPLOS SITES COM WEBDEV E BOOTSTRAP
http://www.megaera.com.br/templates/onepage6/
http://www.megaera.com.br/templates/onepage6/
http://www.megaera.com.br/templates/admin/index.html
http://bonstutoriais.com.br/39-temas-em-bootstrap-3-para-download/
http://bonstutoriais.com.br/39-temas-em-bootstrap-3-para-download/
http://shapebootstrap.net/item/1525377-elixir-angularjs-admin-dashboard-template/live-demo
http://www.tooplate.com/templates/2076_zentro/
http://blacktie.co/demo/kelvin/
http://bootstraptaste.com/demo/Amoeba/
http://blacktie.co/demo/onassis/
http://blacktie.co/demo/munter/
http://shapebootstrap.net/item/1524969-nova-multipurpose-site-template/live-demo
Bons estudos
--
Adriano José Boller
______________________________________________
Consultor e Representante Oficial da
PcSoft no Brasil
+55 (41) 9949 1800
adrianoboller@gmail.com
skype: adrianoboller
http://wxinformatica.blogspot.com.br/
Signaler
0
0
→ Revenir à WINDEV 25
WINDEV 25
Français
English
Español
Portuguesa
Fermer cette fenêtre
Type de recherche
Uniquement les sujets
Tous les messages
Période de recherche
Date indifférente
Moins d'une heure
Moins de 24 heures
Moins d'une semaine
Moins d'un mois
Moins d'un an
Annuler
Aperçu de votre message
Ajouter une image
Importer une image depuis une URL
Envoyer une image depuis un fichier de votre disque
Déposez ici un fichier ou cliquez sur "Parcourir..."
ou
Annuler
0%
WLangage
SQL
XML, HTML
JAVA, Javascript
Texte