万本电子书0元读

万本电子书0元读

顶部广告

Bootstrap 4 Cookbook电子书

售       价:¥

16人正在读 | 0人评论 9.8

作       者:Ajdin Imsirovic

出  版  社:Packt Publishing

出版时间:2017-07-07

字       数:42.5万

所属分类: 进口书 > 外文原版书 > 电脑/网络

温馨提示:数字商品不支持退换货,不提供源文件,不支持导出打印

为你推荐

  • 读书简介
  • 目录
  • 累计评论(0条)
  • 读书简介
  • 目录
  • 累计评论(0条)
Take your Bootstrap game to the next level with this practical guide About This Book ? Packed with easy-to-follow recipes on building responsive web pages with Bootstrap 4 that can be applied to a web project of your choice ? Build intuitive user interfaces that are mobile-ready with the latest features offered by BS4 ? Stay on top of the changes that Bootstrap 4 brings to front-end development ? Craft beautiful UIs and learn best practices, tips and tricks for quick, effortless, and proper Bootstrap 4 development Who This Book Is For If you are a web designer or a developer who is familiar with the basics of Bootstrap and now want to build highly responsive and professional web pages using Bootstrap 4, this cookbook is for you. Familiarity with the fundamentals of HTML, CSS and jQuery, and some experience of incorporating JavaScript plugins is assumed. What You Will Learn ? Craft beautiful UIs the right way ? Use jQuery and JavaScript to extend Bootstrap layouts ? Become more efficient by speeding up your workflow to achieve amazing results in the shortest time possible ? Setup your environment for future changes of the framework. ? Stay DRY by quickly prototyping Bootstrap-based websites with the help of Github’s own serverless blogging platform, Jekyll ? Integrate Bootstrap with the most popular JS frameworks, Angular and React ? Combine Bootstrap with the .NET platform In Detail Bootstrap, one of the most popular front-end frameworks, is perfectly built to design elegant, powerful, and responsive interfaces for professional-level web pages. It supports responsive design by dynamically adjusting your web page layout. Bootstrap 4 is a major update with many impressive changes that greatly enhance the end results produced by Bootstrap. This cookbook is a collection of great recipes that show you how to use all the latest features of Bootstrap to build compelling UIs. This book is using the most up-to-date version of Bootstrap 4 in all its chapters. First off, you will be shown how you can leverage the latest core features of Bootstrap 4 to create stunning web pages and responsive media. You will gradually move on to extending Bootstrap 4 with the help of plugins to build highly customized and powerful UIs. By the end of this book, you will know how to leverage, extend, and integrate bootstrap to achieve optimal results for your web projects. Style and approach Packed full of solutions that can be instantly applied, the practical-based recipes will help you get the most from Bootstrap.
目录展开

Title Page

Copyright

Bootstrap 4 Cookbook

Credits

About the Author

About the Reviewer

www.PacktPub.com

Why subscribe?

Customer Feedback

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

Installing Bootstrap 4 and Comparing Its Versions

Introduction

Installing Bootstrap 4 to Cloud9 IDE using npm

Getting ready

How to do it...

Installing Bootstrap 4 to Cloud9 IDE via Git

Getting ready

How to do it...

Installing Bootstrap 4 Jekyll-powered docs

Getting ready

How to do it...

Customizing the styles of Bootstrap 4 docs

Getting ready

How to do it...

Making custom Grunt tasks in Bootstrap 4

Getting ready

How to do it...

How it works...

Comparing Bootstrap 4 versions with Bower

Getting ready

How to do it...

Installing Bootstrap 4 to our Cloud9 IDE with Bower

Getting ready

How to do it...

Layout Like a Boss with the Grid System

Introduction

Preparing a static server with Bootstrap 4, Harp, and Grunt

Getting ready

How to do it...

Deploying your web project with Surge

Getting ready

How to do it...

Splitting up our Harp project into partials

How to do it...

Using containers with margin and padding utility classes

Getting ready

How to do it...

How it works...

Explanation of the data-* HTML5 attributes

There's more...

Renaming main.scss

Adding columns in a row

Getting ready

How to do it...

Making col-* classes work

Getting ready

How to do it...

Building a simple page with the default grid

Getting ready

How to do it...

How it works...

Building a real-life web page example with the default grid

Getting ready

How to do it...

How it works...

Power Up with the Media Object, Text, Images, and Tables

Introduction

Extending the text classes of .display-* and adding hover effects with Hover.css

Getting ready

How to do it...

How it works...

Creating comment sections using media objects

Getting ready

How to do it...

How it works...

Enriching text content with Bootstrap typography classes

Getting ready

How to do it...

How it works...

Customizing the blockquote element with CSS

Getting ready

How to do it...

How it works...

Extending the blockquote styles with Sass

Getting ready

How to do it...

How it works...

Aligning text around images

Getting ready

How to do it...

How it works...

Wrapping text around rounded images

Getting ready

How to do it...

How it works...

Styling a pricing section using Bootstrap's default table classes

Getting ready

How to do it...

How it works...

Diving Deep into Bootstrap 4 Components

Creating custom alerts and positioning them in the viewport

Getting ready

How to do it…

How it works…

Making full-page modals

Getting ready

How to do it…

How it works…

Altering the behavior of popups using tether options

Getting ready

How to do it…

How it works…

Controlling the color and opacity of ToolTips using Sass variables

Getting ready

How to do it…

How it works…

Using Bootstrap's Sass mixins to create custom buttons

Getting ready

How to do it…

How it works…

Adjusting the rounding of corners on buttons and button groups

Getting ready

How to do it…

How it works…

Controlling the number of card columns on different breakpoints with SCSS

Getting ready

How to do it…

How it works…

Making cards responsive

Getting ready

How to do it…

How it works…

Easily positioning inline forms

Getting ready

How to do it…

How it works…

Menus and Navigations

Adding Font Awesome to Bootstrap navbar

Getting ready

How to do it…

How it works…

Placing a single Bootstrap navbar dropdown to the right

Getting ready

How to do it…

How it works…

Centering navbar links

Getting ready

How to do it…

How it works…

Making a transparent navbar on a darker background

Getting ready

How to do it…

How it works…

Creating a Navbar with Icons and Flexbox

Getting ready

How to do it…

How it works…

Adding another row of links to the navbar

Getting ready

How to do it…

How it works…

Adding Yamm3 Megamenu images to a navbar dropdown

Getting ready

How to do it…

How it works…

Adding Yamm3 Megamenu list of links to a navbar dropdown

Getting ready

How to do it…

How it works…

Extending Bootstrap 4

Introduction

Converting checkboxes into Toggles with Bootstrap Toggle plugin

Getting ready

How to do it…

How it works…

Onboarding users with Shepherd

Getting ready

How to do it…

Toggling visibility of password fields with custom jQuery code

Getting ready

How to do it…

How it works…

Extending the functionality of select elements with Bootstrap Select plugin

How to do it…

How it works…

Customizing select boxes with Select2 plugin

Getting ready

How to do it…

How it works…

Adding input sliders with Rangeslider.js

Getting ready

How to do it…

Allowing users to easily add dates to your input fields with jQuery UI Datepicker

How to do it…

Converting plain tables into sophisticated data tables with Bootgrid

Getting ready

How to do it…

How it works…

Navigating easily with simple-sidebar jQuery plugin

Getting ready

How to do it…

How it works…

Adding fully customizable notifications with Notify.js

Getting ready

How to do it…

How it works…

Integrating a fancy modal using animatedModal.js

Getting ready

How to do it…

How it works…

Making pagination dynamic with the jQuery Pagination plugin and simplePagination.js

Getting ready

How to do it…

How it works…

Validating forms with svalidate.js

Getting ready

How to do it…

How it works…

Adding a rating system using jQuery Bar Rating plugin

Getting ready

How to do it…

How it works…

Make Your Own jQuery Plugins in Bootstrap 4

Introduction

Making the simplest possible jQuery plugin

Getting ready

How to do it…

How it works…

Making the plugin customizable with the extend() and each() methods

Getting ready

How to do it…

How it works…

Integrating a simple CSS Class Replacement plugin with Bootstrap 4

Getting ready

How to do it…

How it works…

Bootstrap 4 Flexbox and Layouts

Introduction

Breakpoint-dependent switching of flex direction on card components

Getting ready

How to do it…

How it works…

Letting cards take up space with the .flex-wrap and .col classes

Getting ready

How to do it…

How it works…

Adding any number of columns with Flexbox

Getting ready

How to do it…

How it works…

Combining numbered .col classes with plain .col classes

Getting ready

How to do it…

How it works…

Working with card layouts and the Flexbox grid

Getting ready

How to do it…

How it works…

Center-aligning cards on wider viewports only

Getting ready

How to do it…

How it works…

Positioning nav-tabs with Flexbox

Getting ready

How to do it…

How it works…

Workflow Boosters

Introduction

Customizing Bootstrap builds by cherry-picking Sass partials

Getting ready

How to do it...

How it works...

Cleaning up unused CSS with UnCSS and Grunt

Getting ready

How to do it...

How it works...

Removing CSS comments with the grunt-strip-CSS-comments plugin

Getting ready

How to do it...

How it works...

Creating a Blog with Jekyll and Bootstrap 4

Making Jekyll work with Bootstrap 4

Getting ready

How to do it...

How it works...

Splitting Jekyll files into partials

Getting ready

How to do it...

How it works...

Making Jekyll blog-aware

Getting ready

How to do it...

How it works...

Deploying your blog to the web with GitHub

Getting ready

How to do it...

How it works...

Bootstrap 4 with ASP.NET Core

Starting a project in ASP.NET Core and Bootstrap 4 in Visual Studio 2017

Getting ready

How to do it...

How it works...

Migrating the default web page of a .NET Core project from Bootstrap 3 to Bootstrap 4

Getting ready

How to do it...

How it works...

Working with Bower, Sass, and Grunt in our .NET Core project

Getting ready

How to do it...

How it works...

Integrating Bootstrap 4 with React and Angular

Introduction

Integrating Bootstrap 4 with React

Getting ready

How to do it...

How it works...

Replacing the Default Styles in Angular 2 QuickStart with Bootstrap 4 CDN CSS

Getting ready

How to do it...

How it works...

Integrating Angular 4 and Bootstrap 4 with the help of ng-bootstrap

Getting ready

How to do it...

How it works...

Conclusion

Next Steps

累计评论(0条) 0个书友正在讨论这本书 发表评论

发表评论

发表评论,分享你的想法吧!

买过这本书的人还买过

读了这本书的人还在读

回顶部