Cargando…
Bootstrap by example : master Bootstrap 4's frontend framework and build your websites faster than ever before /
Annotation
| Clasificación: | Libro Electrónico |
|---|---|
| Autor principal: | |
| Formato: | Electrónico eBook |
| Idioma: | Inglés |
| Publicado: |
Birmingham, UK :
Packt Publishing,
[2016]
|
| Colección: | Community experience distilled.
|
| Temas: | |
| Acceso en línea: | Texto completo (Requiere registro previo con correo institucional) |
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