PROFESSIONAL NEWSGROUPS
WINDEV
,
WEBDEV
and
WINDEV Mobile
Home
|
Recent messages
|
Connect
|
Sign out
|
English
Home
→
WINDEV 25
→
WX - Webdev com Bootstrap
WX - Webdev com Bootstrap
Started by adrianoboller, Apr., 13 2016 3:41 PM - No answer
Connect yourself…
adrianoboller
#1
Registered member
3,659 messages
Popularité : +175 (223 votes)
Posted on April, 13 2016 - 3:41 PM
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/
Report
0
0
→ Go back to WINDEV 25
WINDEV 25
Français
English
Español
Portuguesa
Close this window
Search type
Only topics
All the messages
Search period
Any time
Past hour
Past 24 hours
Past week
Past month
Past year
Cancel
Preview of your message
Adding an image
Import an image from a URL
Send an image from a file of your disk
Drop a file or click "Browse..."
or
Cancel
0%
WLanguage
SQL
XML, HTML
JAVA, Javascript
Text