Bootstrap site blueprints design mobile-first responsive websites with Bootstrap 3
A hands-on guide with projects based on fictitious, but common, application development briefs, which will illustrate practical ways of applying responsive web design with Bootstrap. Whether you are a beginner or intermediate web developer, if you wish to make the most of Bootstrap, then this book i...
| Main Author: | |
|---|---|
| Other Authors: | |
| Format: | eBook |
| Language: | English |
| Published: |
Birmingham, UK
Packt Pub.
2014
|
| Series: | Community experience distilled
|
| Subjects: | |
| Online Access: | |
| Collection: | O'Reilly - Collection details see MPG.ReNa |
Table of Contents:
- Connecting our stylesheetConnecting our JavaScript files; Adding logo images to the navbar and footer; Adding icon links; Adding back WordPress-specific styles; Summary; Chapter 4: Bootstrappin' Business; Sizing up our beginning files; Creating a complex banner area; Placing a logo above the navbar; Reviewing and checking navbar dropdown items; Adding utility navigation; Making responsive adjustments; Implementing the color scheme; Styling the collapsed navbar; Designing a complex responsive layout; Adjusting the medium and wide layout; Adjusting headings, font sizes, and buttons
- Setting up the HTML template fileGiving your site a title; Adjusting the outdated browser message; Setting up major structural elements; Providing a navbar markup; Compiling and linking default Bootstrap CSS; Compiling Bootstrap CSS; Completing the responsive navbar; Troubleshooting; Adding support for Internet Explorer 8; Summary; Chapter 2: Bootstrappin' Your Portfolio; What we'll build; Surveying the exercise files; Marking up the carousel; Creating responsive columns; Turning links into buttons; Understanding the power of LESS; Nested rules; Variables; Mixins; Operations; Importing files
- Styling the footerRecommended next steps; Summary; Chapter 3: Bootstrappin' a WordPress Theme; Downloading and renaming the Roots theme; Installing the theme; Configuring the navbar; Bringing in our home page content; Adding images; Customizing a page template; Understanding the Roots base template; Creating a custom base template; Using custom fields for a custom structure; Creating a custom content template; Building our carousel from custom fields; Adding our content columns from custom fields; Putting the footer content in place; Surveying the Roots assets folder; Swapping design assets
- Cover; Copyright; Credits; About the Authors; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Getting Started with Bootstrap; Quantity and quality; Improving with age; The power of leaner CSS; Downloading Bootstrap; The files you'll have; Preparing a project template folder; Getting H5BP; Deleting unnecessary Boilerplate files; Evaluating the Boilerplate .htaccess file; Updating required Boilerplate files; Updating the favicon and touch icons; Pulling in the Bootstrap files; Fonts; JavaScript; Holding off on the CSS; Bringing the LESS files over; Taking inventory
- The modular file organizationCustomizing Bootstrap's LESS according to our needs; Customizing variables; Importing our new variables; Editing navbar variables; Adding the logo image; Adjusting nav item padding; Adding icons; Adding Font Awesome icons; Adjusting the navbar icon color; Adjusting the responsive navbar breakpoint; Styling the carousel; Setting Font Awesome icons for the controls; Adding top and bottom padding; Forcing images to their full width; Constraining the carousel height; Repositioning the carousel indicators; Styling the indicators; Tweaking the columns and their content