Bootstrap by example master Bootstrap 4's frontend framework and build your websites faster than ever before
Learn responsive web development with Bootstrap 4's front end framework About This Book Become an expert in Bootstrap framework, and speed up front-end development and prototyping through real-life examples An applied guide exploring two web applications such as Twitter and Dashboard from scrat...
| Otros Autores: | |
|---|---|
| Formato: | Libro electrónico |
| Idioma: | Inglés |
| Publicado: |
Birmingham :
Packt Publishing
[2016]
|
| Edición: | 1st edition |
| Colección: | Community experience distilled.
|
| Materias: | |
| Ver en Biblioteca Universitat Ramon Llull: | https://discovery.url.edu/permalink/34CSUC_URL/1im36ta/alma991009629985606719 |
Tabla de Contenidos:
- Cover; Copyright; Credits; About the Author; About the Reviewer; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Getting Started; Getting Bootstrap; Setting up the framework; Folder structure; Warming up the sample example; Bootstrap required tags; Building our first Bootstrap example; The container tag; Optionally using the CDN setup; Community activity; Tools; Bootstrap and web applications; Browser compatibility; Summary; Chapter 2: Creating a Solid Scaffolding; Understanding the grid system; Building our scaffolding; Setting things up; Offset columns; Completing the grid rows
- Nesting rowsFinishing the grid; Fluid container; We need some style!; There are headings everywhere; Playing with buttons; More typography and code tags; Manipulating tables; Styling the buttons; Like a boss!; Final thoughts; Box-sizing; Quick floats; Clearfix; Font definitions for typography; Summary; Chapter 3: Yes, You Should Go Mobile First; Making it greater; Bootstrap and the mobile-first design; How to debug different viewports at the browser; Cleaning up the mess; Creating the landing page for different devices; Mobile and extra small devices; Tablets and small devices
- Desktop and large devicesSummary; Chapter 4: Applying the Bootstrap Style; Changing our grid layout; Starting over the grid system; The header; The introduction header; The about section; The features section; The price table section; The footer; Forming the forms; Newsletter form; Contact form; The sign-in form; Images; Helpers; Floating and centering blocks; Context colors; Spacing; Responsive embeds; Summary; Chapter 5: Making It Fancy; Using Bootstrap icons; Paying attention to your navigation; Until the navigation collapse; Using different attachments; Coloring the bar; Dropping it down
- Customizing buttons dropdownMaking an input grouping; Getting ready for flexbox!; Understanding flexbox; Playing with Bootstrap and flexbox; Summary; Chapter 6: Can You Build a Web App?; Understanding web applications; Creating the code structure; Adding the navigation; Adding the search input; Time for the menu options!; The option at the thumbnail; Adding the Tweet button; Customizing the navigation bar; Setting up the custom theme; Fixing the list navigation bar pseudo-classes; You deserve a badge!; Fixing some issues with the navigation bar; Do a grid again; Playing the cards
- Learning cards in Bootstrap 4Creating your own cards; Adding Cards to our web application; Another card using thumbnails; Implementing the main content; Making your feed; Doing some pagination; Creating breadcrumbs; Finishing with the right-hand-side content; Summary; Chapter 7: Of Course, You Can Build a Web App!; Alerts in our web app; Dismissing alerts; Customizing alerts; Waiting for the progress bar; Progress bar options; Animating the progress bar; Creating a settings page; Pills of stack; Tabs in the middle; Adding the tab content; Using the Bootstrap tabs plugin
- Creating content in the user info tab
