PC SOFT

FORUMS PROFESSIONNELS
WINDEV, WEBDEV et WINDEV Mobile

Accueil  |  Messages récents  | Connexion  |   | Français  FR
Accueil → WINDEV 25 → WX - Webdev com Bootstrap
WX - Webdev com Bootstrap
Débuté par adrianoboller, 13 avr. 2016 15:41 - Aucune réponse
#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

:merci:

--
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/
→ Revenir à WINDEV 25