舉報 
會員
Bootstrap 4 Cookbook
最新章節：
Next Steps
IfyouareawebdesigneroradeveloperwhoisfamiliarwiththebasicsofBootstrapandnowwanttobuildhighlyresponsiveandprofessionalwebpagesusingBootstrap4,thiscookbookisforyou.FamiliaritywiththefundamentalsofHTML,CSSandjQuery,andsomeexperienceofincorporatingJavaScriptpluginsisassumed.
最新章節
- Next Steps
- Conclusion
- How it works...
- How to do it...
- Getting ready
- Integrating Angular 4 and Bootstrap 4 with the help of ng-bootstrap
品牌：中圖公司
上架時間：2021-07-02 18:36:25
出版社：Packt Publishing
本書數字版權由中圖公司提供，并由其授權上海閱文信息技術有限公司制作發行
- Next Steps 更新時間：2021-07-02 21:08:57
- Conclusion
- How it works...
- How to do it...
- Getting ready
- Integrating Angular 4 and Bootstrap 4 with the help of ng-bootstrap
- How it works...
- How to do it...
- Getting ready
- Replacing the Default Styles in Angular 2 QuickStart with Bootstrap 4 CDN CSS
- How it works...
- How to do it...
- Getting ready
- Integrating Bootstrap 4 with React
- Introduction
- Integrating Bootstrap 4 with React and Angular
- How it works...
- How to do it...
- Getting ready
- Working with Bower Sass and Grunt in our .NET Core project
- How it works...
- How to do it...
- Getting ready
- Migrating the default web page of a .NET Core project from Bootstrap 3 to Bootstrap 4
- How it works...
- How to do it...
- Getting ready
- Starting a project in ASP.NET Core and Bootstrap 4 in Visual Studio 2017
- Bootstrap 4 with ASP.NET Core
- How it works...
- How to do it...
- Getting ready
- Deploying your blog to the web with GitHub
- How it works...
- How to do it...
- Getting ready
- Making Jekyll blog-aware
- How it works...
- How to do it...
- Getting ready
- Splitting Jekyll files into partials
- How it works...
- How to do it...
- Getting ready
- Making Jekyll work with Bootstrap 4
- Creating a Blog with Jekyll and Bootstrap 4
- How it works...
- How to do it...
- Getting ready
- Removing CSS comments with the grunt-strip-CSS-comments plugin
- How it works...
- How to do it...
- Getting ready
- Cleaning up unused CSS with UnCSS and Grunt
- How it works...
- How to do it...
- Getting ready
- Customizing Bootstrap builds by cherry-picking Sass partials
- Introduction
- Workflow Boosters
- How it works…
- How to do it…
- Getting ready
- Positioning nav-tabs with Flexbox
- How it works…
- How to do it…
- Getting ready
- Center-aligning cards on wider viewports only
- How it works…
- How to do it…
- Getting ready
- Working with card layouts and the Flexbox grid
- How it works…
- How to do it…
- Getting ready
- Combining numbered .col classes with plain .col classes
- How it works…
- How to do it…
- Getting ready
- Adding any number of columns with Flexbox
- How it works…
- How to do it…
- Getting ready
- Letting cards take up space with the .flex-wrap and .col classes
- How it works…
- How to do it…
- Getting ready
- Breakpoint-dependent switching of flex direction on card components
- Introduction
- Bootstrap 4 Flexbox and Layouts
- How it works…
- How to do it…
- Getting ready
- Integrating a simple CSS Class Replacement plugin with Bootstrap 4
- How it works…
- How to do it…
- Getting ready
- Making the plugin customizable with the extend() and each() methods
- How it works…
- How to do it…
- Getting ready
- Making the simplest possible jQuery plugin
- Introduction
- Make Your Own jQuery Plugins in Bootstrap 4
- How it works…
- How to do it…
- Getting ready
- Adding a rating system using jQuery Bar Rating plugin
- How it works…
- How to do it…
- Getting ready
- Validating forms with svalidate.js
- How it works…
- How to do it…
- Getting ready
- Making pagination dynamic with the jQuery Pagination plugin and simplePagination.js
- How it works…
- How to do it…
- Getting ready
- Integrating a fancy modal using animatedModal.js
- How it works…
- How to do it…
- Getting ready
- Adding fully customizable notifications with Notify.js
- How it works…
- How to do it…
- Getting ready
- Navigating easily with simple-sidebar jQuery plugin
- How it works…
- How to do it…
- Getting ready
- Converting plain tables into sophisticated data tables with Bootgrid
- How to do it…
- Allowing users to easily add dates to your input fields with jQuery UI Datepicker
- How to do it…
- Getting ready
- Adding input sliders with Rangeslider.js
- How it works…
- How to do it…
- Getting ready
- Customizing select boxes with Select2 plugin
- How it works…
- How to do it…
- Extending the functionality of select elements with Bootstrap Select plugin
- How it works…
- How to do it…
- Getting ready
- Toggling visibility of password fields with custom jQuery code
- How to do it…
- Getting ready
- Onboarding users with Shepherd
- How it works…
- How to do it…
- Getting ready
- Converting checkboxes into Toggles with Bootstrap Toggle plugin
- Introduction
- Extending Bootstrap 4
- How it works…
- How to do it…
- Getting ready
- Adding Yamm3 Megamenu list of links to a navbar dropdown
- How it works…
- How to do it…
- Getting ready
- Adding Yamm3 Megamenu images to a navbar dropdown
- How it works…
- How to do it…
- Getting ready
- Adding another row of links to the navbar
- How it works…
- How to do it…
- Getting ready
- Creating a Navbar with Icons and Flexbox
- How it works…
- How to do it…
- Getting ready
- Making a transparent navbar on a darker background
- How it works…
- How to do it…
- Getting ready
- Centering navbar links
- How it works…
- How to do it…
- Getting ready
- Placing a single Bootstrap navbar dropdown to the right
- How it works…
- How to do it…
- Getting ready
- Adding Font Awesome to Bootstrap navbar
- Menus and Navigations
- How it works…
- How to do it…
- Getting ready
- Easily positioning inline forms
- How it works…
- How to do it…
- Getting ready
- Making cards responsive
- How it works…
- How to do it…
- Getting ready
- Controlling the number of card columns on different breakpoints with SCSS
- How it works…
- How to do it…
- Getting ready
- Adjusting the rounding of corners on buttons and button groups
- How it works…
- How to do it…
- Getting ready
- Using Bootstrap's Sass mixins to create custom buttons
- How it works…
- How to do it…
- Getting ready
- Controlling the color and opacity of ToolTips using Sass variables
- How it works…
- How to do it…
- Getting ready
- Altering the behavior of popups using tether options
- How it works…
- How to do it…
- Getting ready
- Making full-page modals
- How it works…
- How to do it…
- Getting ready
- Creating custom alerts and positioning them in the viewport
- Diving Deep into Bootstrap 4 Components
- How it works...
- How to do it...
- Getting ready
- Styling a pricing section using Bootstrap's default table classes
- How it works...
- How to do it...
- Getting ready
- Wrapping text around rounded images
- How it works...
- How to do it...
- Getting ready
- Aligning text around images
- How it works...
- How to do it...
- Getting ready
- Extending the blockquote styles with Sass
- How it works...
- How to do it...
- Getting ready
- Customizing the blockquote element with CSS
- How it works...
- How to do it...
- Getting ready
- Enriching text content with Bootstrap typography classes
- How it works...
- How to do it...
- Getting ready
- Creating comment sections using media objects
- How it works...
- How to do it...
- Getting ready
- Extending the text classes of .display-* and adding hover effects with Hover.css
- Introduction
- Power Up with the Media Object Text Images and Tables
- How it works...
- How to do it...
- Getting ready
- Building a real-life web page example with the default grid
- How it works...
- How to do it...
- Getting ready
- Building a simple page with the default grid
- How to do it...
- Getting ready
- Making col-* classes work
- How to do it...
- Getting ready
- Adding columns in a row
- Renaming main.scss
- There's more...
- Explanation of the data-* HTML5 attributes
- How it works...
- How to do it...
- Getting ready
- Using containers with margin and padding utility classes
- How to do it...
- Splitting up our Harp project into partials
- How to do it...
- Getting ready
- Deploying your web project with Surge
- How to do it...
- Getting ready
- Preparing a static server with Bootstrap 4 Harp and Grunt
- Introduction
- Layout Like a Boss with the Grid System
- How to do it...
- Getting ready
- Installing Bootstrap 4 to our Cloud9 IDE with Bower
- How to do it...
- Getting ready
- Comparing Bootstrap 4 versions with Bower
- How it works...
- How to do it...
- Getting ready
- Making custom Grunt tasks in Bootstrap 4
- How to do it...
- Getting ready
- Customizing the styles of Bootstrap 4 docs
- How to do it...
- Getting ready
- Installing Bootstrap 4 Jekyll-powered docs
- How to do it...
- Getting ready
- Installing Bootstrap 4 to Cloud9 IDE via Git
- How to do it...
- Getting ready
- Installing Bootstrap 4 to Cloud9 IDE using npm
- Introduction
- Installing Bootstrap 4 and Comparing Its Versions
- Questions
- Piracy
- Errata
- Downloading the example code
- Customer support
- Reader feedback
- Conventions
- Who this book is for
- What you need for this book
- What this book covers
- Preface
- Customer Feedback
- Why subscribe?
- www.PacktPub.com
- About the Reviewer
- About the Author
- Credits
- Title Page
- coverpage
- coverpage
- Title Page
- 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 更新時間：2021-07-02 21:08:57
