Practical Bootstrap : learn to develop responsively with one of the most popular CSS frameworks /: learn to develop responsively with one of the most popular CSS frameworks. ([2020])
- Record Type:
- Book
- Title:
- Practical Bootstrap : learn to develop responsively with one of the most popular CSS frameworks /: learn to develop responsively with one of the most popular CSS frameworks. ([2020])
- Main Title:
- Practical Bootstrap : learn to develop responsively with one of the most popular CSS frameworks
- Further Information:
- Note: Panos Matsinopoulos.
- Authors:
- Matsinopoulos, Panos
- Contents:
- Intro -- Table of Contents -- About the Author -- About the Technical Reviewer -- Introduction -- Chapter 1: Getting Started -- Learning Goals -- Bootstrap Defined -- The Bare-Bones Twitter Bootstrap Page -- Containers -- Grid System -- Example: One Row with 12 Columns -- Example: Two-Row Grid, the Second with Six Columns -- Example: Two-Row Grid, the Second with Five Columns -- Example: Two-Row Grid, the Second Having Three Columns, with the Middle Wider -- Different Display Widths -- Tasks and Quizzes -- Key Takeaways -- Chapter 2: Advanced Grid Techniques -- Learning Goals Shortcuts on Rows: Row Columns -- Example: Six-Column Layout for All Devices -- Example: Three Columns for Medium, Six Columns for Large -- Vertical Alignment -- Middle Alignment -- Top and Bottom Alignment -- Different Vertical Alignments Within the Same Row -- Less Than 12 and Horizontal Alignment -- Left Alignment -- Center and Right Alignment -- Space Between -- Space Around -- Nesting -- Twitter Bootstrap Defaults -- Tasks and Quizzes -- Key Takeaways -- Chapter 3: Target Project 1 -- Learning Goals -- Introduction -- Start with HTML -- The Class nav The Navigation Items and Navigation Links -- Collapse and Expand -- The Brand link -- Make the Brand Link Stand Out -- Add Some Color to Your Nav Bar -- Adding the Button to Unfold Menu Options on Small Devices -- Making the Button Appear Only on Small Devices -- Creating the Hamburger Icon -- Adding Behavior to the Button -- Final Touches to OurIntro -- Table of Contents -- About the Author -- About the Technical Reviewer -- Introduction -- Chapter 1: Getting Started -- Learning Goals -- Bootstrap Defined -- The Bare-Bones Twitter Bootstrap Page -- Containers -- Grid System -- Example: One Row with 12 Columns -- Example: Two-Row Grid, the Second with Six Columns -- Example: Two-Row Grid, the Second with Five Columns -- Example: Two-Row Grid, the Second Having Three Columns, with the Middle Wider -- Different Display Widths -- Tasks and Quizzes -- Key Takeaways -- Chapter 2: Advanced Grid Techniques -- Learning Goals Shortcuts on Rows: Row Columns -- Example: Six-Column Layout for All Devices -- Example: Three Columns for Medium, Six Columns for Large -- Vertical Alignment -- Middle Alignment -- Top and Bottom Alignment -- Different Vertical Alignments Within the Same Row -- Less Than 12 and Horizontal Alignment -- Left Alignment -- Center and Right Alignment -- Space Between -- Space Around -- Nesting -- Twitter Bootstrap Defaults -- Tasks and Quizzes -- Key Takeaways -- Chapter 3: Target Project 1 -- Learning Goals -- Introduction -- Start with HTML -- The Class nav The Navigation Items and Navigation Links -- Collapse and Expand -- The Brand link -- Make the Brand Link Stand Out -- Add Some Color to Your Nav Bar -- Adding the Button to Unfold Menu Options on Small Devices -- Making the Button Appear Only on Small Devices -- Creating the Hamburger Icon -- Adding Behavior to the Button -- Final Touches to Our Navigation Bar -- Adding the Main Content -- Making the Paragraph Content Stand Out -- Aligning Nav Bar Content with Page Main Content -- Closing Notes -- Tasks and Quizzes -- Key Takeaways -- Chapter 4: Theme Reference: Part 1 -- Learning Goals Introduction -- Basic Bootstrap Page with a Navigation Bar -- Adding a Dropdown Menu -- Jumbotron -- Headers with Horizontal Lines: Page Headers -- Buttons -- Tables -- Basic Bootstrap Tables -- Styling Bootstrap Tables -- Coloring Table Rows -- Labels and Badges -- Labels -- Badges -- Key Takeaways -- Chapter 5: Theme Reference: Part 2 -- Learning Goals -- Introduction -- Tabs -- The Tab Headers -- The Tab Information -- Checkpoint -- Alerts -- Progress Bars -- Progress Bar Height -- Progress Bar Colors -- Multicolored Progress Bar -- Cards -- Three-Card Layout -- The Layout The HTML of Each Card -- Carousels -- Final Checkpoint -- Closing Note -- Tasks and Quizzes -- Key Takeaways -- Chapter 6: Cover Page Project -- Learning Goals -- Introduction -- Notable Things of This Page -- Empty Twitter Bootstrap Page -- The Background Image -- The Image Brightness -- The Navigation Bar -- Content on the Center of the Page -- Footer -- Closing Note -- Tasks and Quizzes -- Key Takeaways -- Chapter 7: Admin Dashboard -- Learning Goals -- Introduction -- Empty Twitter Bootstrap Page -- Navigation Bar -- Standard Navigation Bar Content -- Aligning to the Right -- Adding the Search Form … (more)
- Publisher Details:
- Berkeley, CA : Apress
- Publication Date:
- 2020
- Extent:
- 1 online resource (506 pages)
- Subjects:
- 006.78
Web sites -- Design
Application software -- Development
Cascading style sheets
Web Development
Electronic books - Languages:
- English
- ISBNs:
- 9781484260715
1484260716 - Related ISBNs:
- 1484260708
9781484260708 - Notes:
- Note: Description based on online resource; title from digital title page (viewed on October 16, 2020).
- Access Rights:
- Legal Deposit; Only available on premises controlled by the deposit library and to one user at any one time; The Legal Deposit Libraries (Non-Print Works) Regulations (UK).
- Access Usage:
- Restricted: Printing from this resource is governed by The Legal Deposit Libraries (Non-Print Works) Regulations (UK) and UK copyright law currently in force.
- View Content:
- Available online (eLD content is only available in our Reading Rooms) ↗
- Physical Locations:
- British Library HMNTS - ELD.DS.550141
- Ingest File:
- 03_167.xml