Learn to create great-looking responsive web sites with Bootstrap In just 24 lessons of one hour or less, Sams Teach Yourself Bootstrap in 24 Hours helps you use the free and open source Bootstrap framework to quickly build websites that automatically reflect each user’s device and experience, without complex hand crafting. This book’s straightforward, step-by-step approach shows you how to install Bootstrap and quickly build basic sites; extend them with styles, components, and JavaScript plug-ins, and even create sophisticated designs with advanced features. In just a few hours, you’ll be using Bootstrap to bring responsive design to virtually any site. Every lesson builds on what you’ve already learned, giving you a rock-solid foundation for real-world success. Step-by-step instructions carefully walk you through the most common Bootstrap development tasksPractical, hands-on examples show you how to apply what you learnQuizzes and exercises help you test your knowledge and stretch your skillsNotes and tips point out shortcuts and solution Learn how to... Download Bootstrap and integrate it into your projectQuickly build your first Bootstrap site with the basic templateCreate beautiful and responsive site layouts with Bootstrap’s built-in gridsDisplay more interesting text with labels, badges, panels, and wellsStyle tables and forms so they’re attractive, readable, and responsiveUse images, media, and icons, including free GlyphiconsQuickly create navigation and buttons, including dropdowns and search fieldsAdd alignment, color, and visibility with Bootstrap’s CSS utilitiesExtend your site with alerts, image carousels, and other JavaScript pluginsRapidly create appealing functional prototypesCustomize Bootstrap with CSS, Less, and SassLighten Bootstrap downloads by stripping out unnecessary featuresBuild accessible sitesCreate complex designs that don’t look generic Who This Book is For Those who already have an understanding of the basics of HTML and CSSHaving an understanding of JavaScript will make this book a bit easier to absorb, but it is not required because the basics of JavaScript are covered Contents at a Glance Part I: Getting Started with Bootstrap Hour 1: What Is Bootstrap, and Why You Should Use It Hour 2: Downloading and Installing Bootstrap Hour 3: Build Your First Bootstrap Website with the Basic Template Hour 4: Understanding Normalize.CSS and the Basics of Bootstrap CSS Part II: Building and Managing Web Pages with Bootstrap Hour 5: Grids and How to Use Them Hour 6: Labels, Badges, Panels, Wells, and the Jumbotron Hour 7: Bootstrap Typography Hour 8: Styling Tables Hour 9: Styling Forms Hour 10: Images, Media Objects, and Glyphicons Hour 11: Styling and Using Buttons and Button Groups Hour 12: Creating Navigation Systems with Bootstrap Hour 13: Bootstrap Utilities Part III: Bootstrap JavaScript Plugins Hour 14: Using Bootstrap JavaScript Plugins Hour 15: Modal Windows Hour 16: Affix, Tab, and ScrollSpy Hour 17: Popovers and Tooltips Hour 18: Transitions, Buttons, Alerts, and Progress Bars Hour 19: Collapse and Accordion Hour 20: Carousels Part IV: Customizing Bootstrap Hour 21: Customizing Bootstrap and Your Bootstrap Website Hour 22: Making Bootstrap Accessible Hour 23: Using Less and Sass with Bootstrap Hour 24: Going Further with Bootstrap
Les mer
Introduction Part I: Getting Started with Bootstrap Hour 1: What Is Bootstrap, and Why You Should Use It What Is a Web Framework? What Is Bootstrap? How Is Bootstrap Different from Other Frameworks? Why You Should Use Bootstrap Hour 2: Downloading and Installing Bootstrap Where to Get Bootstrap Other Ways to Get Bootstrap Hour 3: Build Your First Bootstrap Website with the Basic Template The Minimum Bootstrap Page The Basic Bootstrap Template More Bootstrap Sample Templates Hour 4: Understanding Normalize.CSS and the Basics of Bootstrap CSS What Is Normalize.CSS? Understanding the Bootstrap Infrastructure Part II: Building and Managing Web Pages with Bootstrap Hour 5: Grids and How to Use Them Grids in Design The Bootstrap Grid System How to Create Grids in Bootstrap Responsive Web Layouts in Bootstrap Hour 6: Labels, Badges, Panels, Wells, and the Jumbotron Labels and Badges Wells and Panels The Jumbotron Hour 7: Bootstrap Typography Basic Typography in Bootstrap Headings Body Copy Text Other Text Blocks Hour 8: Styling Tables Basic Tables Bootstrap Table Classes Panels with Tables Responsive Tables Hour 9: Styling Forms Basic Forms Form Controls Supported by Bootstrap Input Groups Interactivity in Bootstrap Forms Hour 10: Images, Media Objects, and Glyphicons Images Media Objects Thumbnails Glyphicons Hour 11: Styling and Using Buttons and Button Groups Basic Buttons Button Groups Button JavaScript Hour 12: Creating Navigation Systems with Bootstrap Standard Navigation Elements Dropdowns Navbars Changing the Navbar Colors and Alignment Breadcrumbs and Pagination List Groups Hour 13: Bootstrap Utilities Helper Classes Responsive Utilities Print Classes Responsive Embed Accessibility in Bootstrap Part III: Bootstrap JavaScript Plugins Hour 14: Using Bootstrap JavaScript Plugins How to Use Bootstrap JavaScript Plugins Setting Options for Plugins Using the JavaScript API Hour 15: Modal Windows What Is a Modal Window? How to Build a Modal Window Modifying Modals Hour 16: Affix, Tab, and ScrollSpy Affix Tab ScrollSpy Using These Plugins Together Hour 17: Popovers and Tooltips Tooltips Popovers Hour 18: Transitions, Buttons, Alerts, and Progress Bars Transitions Buttons Alerts Progress Bars Hour 19: Collapse and Accordion The Collapse Plugin Accordions Hour 20: Carousels Creating Carousels Using the Carousel Plugin Carousels on the Web Part IV: Customizing Bootstrap Hour 21: Customizing Bootstrap and Your Bootstrap Website Using Your Own CSS Using the Bootstrap Customizer Using a Third-Party Bootstrap Customizer Hour 22: Making Bootstrap Accessible What Is Accessibility? Accessible Design in Bootstrap Tricks for Making Bootstrap Sites Accessible Hour 23: Using Less and Sass with Bootstrap What Is a CSS Preprocessor? Using Less Using Sass Hour 24: Going Further with Bootstrap Bootstrap Editors Using Bootstrap in WordPress Extending Bootstrap with Third-Party Add-ons The Bootstrap Community Beautiful Bootstrap Websites 9780672337048 TOC 10/19/2015
Les mer
The quick, hands-on guide to building responsive web sites with the powerful, easy Bootstrap front end framework Covers GitHub's most popular project: the best new toolset for designing web sites that easily adapt to any screen resolution Shows how each of Bootstrap's components come together: grid-based layout, base CSS, navigation, JavaScript integration, and more
Les mer

Produktdetaljer

ISBN
9780672337048
Publisert
2015-11-26
Utgiver
Vendor
Sams Publishing
Vekt
688 gr
Høyde
235 mm
Bredde
180 mm
Dybde
20 mm
Aldersnivå
P, 06
Språk
Product language
Engelsk
Format
Product format
Heftet
Antall sider
432

Forfatter

Biographical note

Jennifer Kyrnin has been teaching HTML, XML, and Web design online since 1997. She has built and maintained websites of all sizes from small, single-page brochure sites to large, million-page databased sites for international audiences. She focuses on responsive design using Bootstrap and WordPress. She lives with her husband and son and numerous animals on a small farm in Washington state.