Bootstrap Essentials

Packt Publishing Limited
  • 1. Auflage
  • |
  • erschienen am 7. August 2015
  • |
  • 166 Seiten
E-Book | ePUB mit Adobe DRM | Systemvoraussetzungen
978-1-78439-633-6 (ISBN)
Use the powerful features of Bootstrap to create responsive and appealing web pagesAbout This BookLearn where and how to use Bootstrap in your new web projectsDesign and develop mobile first web portals that support all devicesA step-by-step guide with easy-to-follow practical exercises to develop device friendly websitesWho This Book Is ForIf you are a web developer who designs and develops websites and pages using HTML, CSS, and JavaScript, but have very little familiarity with Bootstrap, this is the book for you. Previous experience with HTML, CSS and JavaScript will be helpful, while knowledge of jQuery would be an extra advantage.What You Will LearnUnderstand the internal architecture and structure of BootstrapDownload and configure Bootstrap in your web projectGet to grips with the usage of Bootstrap CSS and componentsBuild and compile Bootstrap from source codeWork with the JavaScript objects offered by Bootstrap and the CSS pre-processorsCustomize and extend Bootstrap to suit your requirementsIn DetailAs the number of people using mobile devices to access the internet grows every moment, websites are no longer built just for desktop machines. The mobile first philosophy demands that sites are fully compatible with all the available, and predicted future mobile devices. Bootstrap allows and easily enables you to design and develop your own websites congenial to all devices, including e-readers, tablets, and so on.This book will familiarize you with all the features, functionalities, and architectural knowledge of the Bootstrap platform, enabling you to develop mobile friendly websites. You will begin by discovering the mobile first philosophy and what Bootstrap is. You will learn about Bootstrap's architecture and components, and how to use Bootstrap using LESS. You will create responsive layouts using Bootstrap CSS and work with the packaged components that come along with Bootstrap. You will proceed to explore the various JavaScript components and add-ons offered by Bootstrap. Finally, you will learn how to customize Bootstrap easily to match your project-specific requirements,compile and build your Bootstrap code, and extend Bootstrap with different extensions to create more advanced websites.By the end of this book, you will be able to build, compile, and customize your own Bootstrap system to create mobile friendly websites.Style and approachThis book is a fast-paced guide to getting started with Bootstrap. Each chapter contains elaborate, practical examples demonstrating the application of various Bootstrap components.
  • Englisch
  • Birmingham
  • |
  • Großbritannien
978-1-78439-633-6 (9781784396336)
1784396338 (1784396338)
weitere Ausgaben werden ermittelt
Snig Bhaumik is the technical director of InfoAxon Technologies, located in New Delhi, India, and Bracknell, UK. He also heads the open source evangelist team of InfoAxon. He is an active member of, and contributor to, various open source products, such as Alfresco, Liferay, and Pentaho.
Having more than 12 years of software development and architecture experience in various tools and technologies, his prime interests now lie in mobile development, social media implementations, digital governance, Internet of Things, and traditional practices such as knowledge management and business intelligence.
He authored a popular cookbook on the Alfresco Content Management System named Alfresco 3 Cookbook, Packt Publishing in 2011 ( and was also a part of the technical review team for Learning Alfresco Web Scripts, Packt Publishing ( in 2014.
  • Cover
  • Copyright
  • Credits
  • About the Author
  • About the Reviewers
  • Table of Contents
  • Preface
  • Chapter 1: The Evolution of CSS and Bootstrap
  • The mobile-first philosophy
  • Responsive design basics
  • Setting the viewport
  • Sizing your content to the viewport
  • Using media queries to achieve responsiveness
  • Responsive design patterns
  • Navigation patterns
  • Introducing Bootstrap
  • What Bootstrap includes
  • CSS
  • Components
  • JavaScript
  • Customization
  • Summary
  • Chapter 2: Getting Started with Bootstrap
  • Get Bootstrap
  • The Bootstrap file structure
  • A precompiled bundle
  • folder: css
  • folder: fonts
  • folder: js
  • A source code bundle
  • rfolder: dist
  • folder: fonts
  • folder: grunt
  • folder: js
  • folder: less
  • CSS preprocessors
  • Variables
  • Mixins
  • Operations
  • Nesting
  • How to use Bootstrap
  • The application folder structure
  • Summary
  • Chapter 3: Creating Responsive Layouts Using Bootstrap CSS
  • Basic HTML structure for Bootstrap
  • The head section
  • The body section
  • Basic HTML elements
  • Responsive classes
  • Understanding the basics
  • Controlling display of elements across devices
  • Rendering images
  • Showing responsive images in a sample application
  • The grid system
  • Constructing data entry forms
  • Making the form horizontal
  • Finalizing the Contact Us page
  • Other utility classes
  • Encapsulating everything
  • Summary
  • Chapter 4: Packaged Components in Bootstrap
  • Page header
  • Glyphicons
  • Navigation bar
  • Badges
  • Alerts
  • Toolbars and button groups
  • Panels
  • Wells
  • Jumbotron
  • Breadcrumbs
  • Paginations
  • Summary
  • Chapter 5: The JavaScript Add-ons in Bootstrap
  • Basic concepts
  • Custom data attributes
  • JavaScript APIs
  • JavaScript events
  • Packaging add-ons
  • Modal windows
  • Basic modal window
  • Example: enhancing our application using the modal dialog box
  • Tabs
  • Collapse and accordions
  • Example: showing the product categories of our store
  • Tooltips and popovers
  • Dropdown
  • Alerts
  • Carousels
  • Final preview
  • Summary
  • Chapter 6: Compiling and Building Bootstrap
  • Required tools
  • Node.js
  • Installing node.js
  • Grunt
  • Installing Grunt-cli
  • Installing Bootstrap
  • Compiling and building Bootstrap
  • Installing dependencies
  • Building Bootstrap
  • Summary
  • Chapter 7: Customizing Bootstrap
  • Customizing using the build environment
  • Customizing using Bootstrap web interface
  • Summary
  • Chapter 8: Extending Bootstrap
  • Theme extension - Bootswatch
  • Downloading the CSS files
  • Using the LESS files
  • A tree-view control
  • Installing the tree-view component
  • WYSIWYG editor and Font Awesome
  • Installing and using the WYSIWYG component
  • The bootstrap-wysiwyg component
  • The jQuery hotkeys component
  • Font Awesome
  • Summary
  • Index

Dateiformat: EPUB
Kopierschutz: Adobe-DRM (Digital Rights Management)


Computer (Windows; MacOS X; Linux): Installieren Sie bereits vor dem Download die kostenlose Software Adobe Digital Editions (siehe E-Book Hilfe).

Tablet/Smartphone (Android; iOS): Installieren Sie bereits vor dem Download die kostenlose App Adobe Digital Editions (siehe E-Book Hilfe).

E-Book-Reader: Bookeen, Kobo, Pocketbook, Sony, Tolino u.v.a.m. (nicht Kindle)

Das Dateiformat EPUB ist sehr gut für Romane und Sachbücher geeignet - also für "fließenden" Text ohne komplexes Layout. Bei E-Readern oder Smartphones passt sich der Zeilen- und Seitenumbruch automatisch den kleinen Displays an. Mit Adobe-DRM wird hier ein "harter" Kopierschutz verwendet. Wenn die notwendigen Voraussetzungen nicht vorliegen, können Sie das E-Book leider nicht öffnen. Daher müssen Sie bereits vor dem Download Ihre Lese-Hardware vorbereiten.

Weitere Informationen finden Sie in unserer E-Book Hilfe.

Download (sofort verfügbar)

24,93 €
inkl. 19% MwSt.
Download / Einzel-Lizenz
ePUB mit Adobe DRM
siehe Systemvoraussetzungen
E-Book bestellen

Unsere Web-Seiten verwenden Cookies. Mit der Nutzung dieser Web-Seiten erklären Sie sich damit einverstanden. Mehr Informationen finden Sie in unserem Datenschutzhinweis. Ok