Enviar pesquisa
Carregar
Twitter Bootstrap
•
2 gostaram
•
1,699 visualizações
Kathy Brown
Seguir
Getting Started with T
Leia menos
Leia mais
Tecnologia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 11
Baixar agora
Baixar para ler offline
Recomendados
WordPress Productivity Hack #1
WordPress Productivity Hack #1
Brad Hauck
What have you learned about technologies from the
What have you learned about technologies from the
stelloyd386
IE9 Pinning workshop slides - MS Webcafe nr by the water
IE9 Pinning workshop slides - MS Webcafe nr by the water
Katrien De Graeve
Intro to wordpress short course
Intro to wordpress short course
carishurd
Using Dashboards to Transform Application Data Visualization
Using Dashboards to Transform Application Data Visualization
Kathy Brown
Techorama 2022 - Adventures of building Promitor, an open-source product
Techorama 2022 - Adventures of building Promitor, an open-source product
Tom Kerkhove
Share point 2010 sp1 enterprise edition sps bos presentation no 4323234
Share point 2010 sp1 enterprise edition sps bos presentation no 4323234
Matthew Carter
VisualSP - The SharePoint Help System for End Users
VisualSP - The SharePoint Help System for End Users
Regroove
Recomendados
WordPress Productivity Hack #1
WordPress Productivity Hack #1
Brad Hauck
What have you learned about technologies from the
What have you learned about technologies from the
stelloyd386
IE9 Pinning workshop slides - MS Webcafe nr by the water
IE9 Pinning workshop slides - MS Webcafe nr by the water
Katrien De Graeve
Intro to wordpress short course
Intro to wordpress short course
carishurd
Using Dashboards to Transform Application Data Visualization
Using Dashboards to Transform Application Data Visualization
Kathy Brown
Techorama 2022 - Adventures of building Promitor, an open-source product
Techorama 2022 - Adventures of building Promitor, an open-source product
Tom Kerkhove
Share point 2010 sp1 enterprise edition sps bos presentation no 4323234
Share point 2010 sp1 enterprise edition sps bos presentation no 4323234
Matthew Carter
VisualSP - The SharePoint Help System for End Users
VisualSP - The SharePoint Help System for End Users
Regroove
Web Scraping Workshop
Web Scraping Workshop
GDSC UofT Mississauga
Branding Office 365 w/ Front End Tools + SharePoint PnP
Branding Office 365 w/ Front End Tools + SharePoint PnP
Thomas Daly
Branding office 365 with front end tooling
Branding office 365 with front end tooling
Thomas Daly
Social Media Overview for WordPress
Social Media Overview for WordPress
Noel Saw
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Ofer Zelig
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
Andrew Barickman
Release Management with Visual Studio Team Services and Office Dev PnP
Release Management with Visual Studio Team Services and Office Dev PnP
Petter Skodvin-Hvammen
Bootstrap4XPages - an introduction
Bootstrap4XPages - an introduction
Per Henrik Lausten
Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013
WPUniversity
Bootstrap Lightning Talk
Bootstrap Lightning Talk
jeremyk23
Part 3 Intranet Success Webinar Series: Content planning Part 1
Part 3 Intranet Success Webinar Series: Content planning Part 1
Bonzai Intranet
Revolutionize Your Workflow with ChatOps
Revolutionize Your Workflow with ChatOps
Tessa Mero
Stc preso2012 b
Stc preso2012 b
prboswell
Transcelerate DDF Hackathon
Transcelerate DDF Hackathon
Ryan Tubbs
Alice Phieu - WordPress For Beginners
Alice Phieu - WordPress For Beginners
Alice Phieu
Using Browser Extensions & Automation Tools to enhance your Productivity
Using Browser Extensions & Automation Tools to enhance your Productivity
NGNAOUSSI ELONGUE Cedric Christian
Improving Reading & Writing with Google Apps
Improving Reading & Writing with Google Apps
Diana Benner
T44u 2015, content migration
T44u 2015, content migration
Terminalfour
Getting coding in under a hour with Imagine Microsoft
Getting coding in under a hour with Imagine Microsoft
Lee Stott
PATACS_WPCOM_Slides_March16_2024_FINAL_Z.pptx
PATACS_WPCOM_Slides_March16_2024_FINAL_Z.pptx
gvaughan
2 Minutes to Learn, A Lifetime to Master - Agile Scrum for Collaboration
2 Minutes to Learn, A Lifetime to Master - Agile Scrum for Collaboration
Kathy Brown
10 Lines or Less; Interesting Things You Can Do In Java With Minimal Code
10 Lines or Less; Interesting Things You Can Do In Java With Minimal Code
Kathy Brown
Mais conteúdo relacionado
Semelhante a Twitter Bootstrap
Web Scraping Workshop
Web Scraping Workshop
GDSC UofT Mississauga
Branding Office 365 w/ Front End Tools + SharePoint PnP
Branding Office 365 w/ Front End Tools + SharePoint PnP
Thomas Daly
Branding office 365 with front end tooling
Branding office 365 with front end tooling
Thomas Daly
Social Media Overview for WordPress
Social Media Overview for WordPress
Noel Saw
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Ofer Zelig
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
Andrew Barickman
Release Management with Visual Studio Team Services and Office Dev PnP
Release Management with Visual Studio Team Services and Office Dev PnP
Petter Skodvin-Hvammen
Bootstrap4XPages - an introduction
Bootstrap4XPages - an introduction
Per Henrik Lausten
Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013
WPUniversity
Bootstrap Lightning Talk
Bootstrap Lightning Talk
jeremyk23
Part 3 Intranet Success Webinar Series: Content planning Part 1
Part 3 Intranet Success Webinar Series: Content planning Part 1
Bonzai Intranet
Revolutionize Your Workflow with ChatOps
Revolutionize Your Workflow with ChatOps
Tessa Mero
Stc preso2012 b
Stc preso2012 b
prboswell
Transcelerate DDF Hackathon
Transcelerate DDF Hackathon
Ryan Tubbs
Alice Phieu - WordPress For Beginners
Alice Phieu - WordPress For Beginners
Alice Phieu
Using Browser Extensions & Automation Tools to enhance your Productivity
Using Browser Extensions & Automation Tools to enhance your Productivity
NGNAOUSSI ELONGUE Cedric Christian
Improving Reading & Writing with Google Apps
Improving Reading & Writing with Google Apps
Diana Benner
T44u 2015, content migration
T44u 2015, content migration
Terminalfour
Getting coding in under a hour with Imagine Microsoft
Getting coding in under a hour with Imagine Microsoft
Lee Stott
PATACS_WPCOM_Slides_March16_2024_FINAL_Z.pptx
PATACS_WPCOM_Slides_March16_2024_FINAL_Z.pptx
gvaughan
Semelhante a Twitter Bootstrap
(20)
Web Scraping Workshop
Web Scraping Workshop
Branding Office 365 w/ Front End Tools + SharePoint PnP
Branding Office 365 w/ Front End Tools + SharePoint PnP
Branding office 365 with front end tooling
Branding office 365 with front end tooling
Social Media Overview for WordPress
Social Media Overview for WordPress
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET Developer
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
AD105 - OneUI.. really? Is that because you don't know about Twitter Bootstrap?
Release Management with Visual Studio Team Services and Office Dev PnP
Release Management with Visual Studio Team Services and Office Dev PnP
Bootstrap4XPages - an introduction
Bootstrap4XPages - an introduction
Project Management with WordPress & P2 - WordCamp Toronto 2013
Project Management with WordPress & P2 - WordCamp Toronto 2013
Bootstrap Lightning Talk
Bootstrap Lightning Talk
Part 3 Intranet Success Webinar Series: Content planning Part 1
Part 3 Intranet Success Webinar Series: Content planning Part 1
Revolutionize Your Workflow with ChatOps
Revolutionize Your Workflow with ChatOps
Stc preso2012 b
Stc preso2012 b
Transcelerate DDF Hackathon
Transcelerate DDF Hackathon
Alice Phieu - WordPress For Beginners
Alice Phieu - WordPress For Beginners
Using Browser Extensions & Automation Tools to enhance your Productivity
Using Browser Extensions & Automation Tools to enhance your Productivity
Improving Reading & Writing with Google Apps
Improving Reading & Writing with Google Apps
T44u 2015, content migration
T44u 2015, content migration
Getting coding in under a hour with Imagine Microsoft
Getting coding in under a hour with Imagine Microsoft
PATACS_WPCOM_Slides_March16_2024_FINAL_Z.pptx
PATACS_WPCOM_Slides_March16_2024_FINAL_Z.pptx
Mais de Kathy Brown
2 Minutes to Learn, A Lifetime to Master - Agile Scrum for Collaboration
2 Minutes to Learn, A Lifetime to Master - Agile Scrum for Collaboration
Kathy Brown
10 Lines or Less; Interesting Things You Can Do In Java With Minimal Code
10 Lines or Less; Interesting Things You Can Do In Java With Minimal Code
Kathy Brown
Don't Roll Your Own, Integrate
Don't Roll Your Own, Integrate
Kathy Brown
SHOW102 XPages: Still No Experience Necessary IBM Connect 2014
SHOW102 XPages: Still No Experience Necessary IBM Connect 2014
Kathy Brown
Uno! Deux! Three! Making Localization of XPages as Easy as 1-2-3
Uno! Deux! Three! Making Localization of XPages as Easy as 1-2-3
Kathy Brown
Improving Domino Designer
Improving Domino Designer
Kathy Brown
Improving Domino Designer ICON UK
Improving Domino Designer ICON UK
Kathy Brown
Tools for the Domino Developer - BLUG presentation version
Tools for the Domino Developer - BLUG presentation version
Kathy Brown
Learning To Run - XPages for Lotus Notes Client Developers
Learning To Run - XPages for Lotus Notes Client Developers
Kathy Brown
Top Tips Every Notes Developer Needs To Know
Top Tips Every Notes Developer Needs To Know
Kathy Brown
XPages: No Experience Needed
XPages: No Experience Needed
Kathy Brown
Collaboration Party of One
Collaboration Party of One
Kathy Brown
UKLUG - Open The Toolbox - Tools for the Domino Developer
UKLUG - Open The Toolbox - Tools for the Domino Developer
Kathy Brown
BP208 Fabulous Feats with @Formula
BP208 Fabulous Feats with @Formula
Kathy Brown
Mais de Kathy Brown
(14)
2 Minutes to Learn, A Lifetime to Master - Agile Scrum for Collaboration
2 Minutes to Learn, A Lifetime to Master - Agile Scrum for Collaboration
10 Lines or Less; Interesting Things You Can Do In Java With Minimal Code
10 Lines or Less; Interesting Things You Can Do In Java With Minimal Code
Don't Roll Your Own, Integrate
Don't Roll Your Own, Integrate
SHOW102 XPages: Still No Experience Necessary IBM Connect 2014
SHOW102 XPages: Still No Experience Necessary IBM Connect 2014
Uno! Deux! Three! Making Localization of XPages as Easy as 1-2-3
Uno! Deux! Three! Making Localization of XPages as Easy as 1-2-3
Improving Domino Designer
Improving Domino Designer
Improving Domino Designer ICON UK
Improving Domino Designer ICON UK
Tools for the Domino Developer - BLUG presentation version
Tools for the Domino Developer - BLUG presentation version
Learning To Run - XPages for Lotus Notes Client Developers
Learning To Run - XPages for Lotus Notes Client Developers
Top Tips Every Notes Developer Needs To Know
Top Tips Every Notes Developer Needs To Know
XPages: No Experience Needed
XPages: No Experience Needed
Collaboration Party of One
Collaboration Party of One
UKLUG - Open The Toolbox - Tools for the Domino Developer
UKLUG - Open The Toolbox - Tools for the Domino Developer
BP208 Fabulous Feats with @Formula
BP208 Fabulous Feats with @Formula
Último
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
Product Anonymous
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
The Digital Insurer
Architecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
Overkill Security
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
The Digital Insurer
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Jeffrey Haguewood
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Sandro Moreira
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Orbitshub
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
rafiqahmad00786416
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
MadyBayot
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
apidays
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Angeliki Cooney
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Victor Rentea
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
danishmna97
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
apidays
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
UiPathCommunity
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
DianaGray10
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
Zilliz
Último
(20)
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
Architecting Cloud Native Applications
Architecting Cloud Native Applications
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
Modular Monolith - a Practical Alternative to Microservices @ Devoxx UK 2024
CNIC Information System with Pakdata Cf In Pakistan
CNIC Information System with Pakdata Cf In Pakistan
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
DEV meet-up UiPath Document Understanding May 7 2024 Amsterdam
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Exploring Multimodal Embeddings with Milvus
Exploring Multimodal Embeddings with Milvus
Twitter Bootstrap
1.
Twitter Bootstrap (It’s ironic I
used this font for something so modern, isn’t it?)
2.
©Runningnotes Kathy Brown • Consultant
with PSC Group • Twitter addict (15 accounts and counting) @RunningKathy • Blogger at www.runningnotes.net • Runner, Mom, Geek, and Loud Laugher
3.
©Runningnotes What is Twitter Bootstrap? •
So what is it really? • It’s a thing that makes your stuff prettier and easier to use.
4.
©Runningnotes Getting Started • Go
here and get the download: • http://twitter.github.com/bootstrap/ getting-started.html • Create a new NSF or select the one you want to add bootstrap to • Go to the Package Explorer view • Window, Show Eclipse View, Package Explorer
5.
©Runningnotes Add Bootstrap Files •
Find your new NSF in Package Explorer (or your app) • Find the Web Content folder • Right-click and select Import... File System • Select the folders (all, for now) • Click Finish
6.
©Runningnotes Add the Resources •
css/bootstrap-responsive.min.css • css/bootstrap.min.css • js/bootstrap.min.js
7.
©Runningnotes Start Doing Stuff •
The grid <div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div>
8.
©Runningnotes Beg, Borrow, and
Steal • http://twitter.github.io/bootstrap/ base-css.html • Buttons, and tables, and images, oh my!
9.
©Runningnotes Tooltips • Drag an
input box onto the page • Go to the All Properties tab • Under basics, click the + next to attrs • For the name, enter “data-toggle” • For the value, enter “tooltip” • Add an attribute with the name of “title” and enter tooltip text for the value
10.
©Runningnotes Typeahead • Deprecated, but
still a good example • styleClass = “typeahead” <script> var stringval=$('.HiddenValues').val(); var names=stringval.split(","); $('.typeahead').typeahead({source: names}); </script>
11.
©Runningnotes Questions • @RunningKathy • kathy@runningnotes.net
Baixar agora