In their turn the containing elements in Bootstrap are in general being designed to fit a part of the screen width multiple of 12 - 1/1, 1/2, 1/3, 1/4, 3/4, 1/6 and in rare cases - 1/12th. He also works on the accessibility of Bootstrap and his JBST WordPress starters theme.As far as I know the images in Mobirise Builder in general are being set to fill in width of the element containing them. Web interfaces should work independently of devices or browsers in his opinion. He has a special interest in the processes between designer and programmer. He is always looking for the most accessible interfaces. In his spare time, he plays tennis and spends a lot of time with his kids Kiki, Dries, Wolf, and Helena.īass has been programming the web since 1995, ranging from C to PHP. He therefore not only owns a web development company, but is also board member at the Energie Cooperatie 073. Bass tries to combine his interests in web technology with his compassion for a sustainable lifestyle. However, Packt Publishing cannot guarantee the accuracy of this information.īass Jobsen lives in Orthen in the Netherlands. Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. Neither the authors, nor Packt Publishing, and its dealers and distributors will be held liable for any damages caused or alleged to be caused directly or indirectly by this book. However, the information contained in this book is sold without warranty, either express or implied. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.Įvery effort has been made in the preparation of this book to ensure the accuracy of the information presented. Using the ng2-bootstrap directives as an alternativeĪll rights reserved.

Integrating Bootstrap's CSS code into the application Building an Angular 2 App with BootstrapĪdding Bootstrap's HTML markup code to your app Providing a visual hierarchy to our tablesĩ. Setting up the variables, files, and markup Bootstrappin' a One-Page Marketing WebsiteĬreating attention-grabbing pricing tables Using Sass mixins to arrange option links in columnsĪdjusting the options list layout for tablets and phonesĬollapsing the options panel for phone usersĨ. Styling the breadcrumbs, page title, and paginationĬards with the CSS3 Flexbox layout moduleĪdding Font Awesome checkboxes to our option links Surveying the markup for our products page Reviewing and checking navbar drop-down itemsĪdjusting the large and extra-large layoutĪdjusting the medium layout for tablet-width viewportsĪdjusting headings, font sizes, and buttons Setting the bottom border for the page header Turn the navigation into a Bootstrap navbarĪdding your photo to the middle of the navbarīuilding the social links with Font AwesomeĬhanging the carousel by adding new animationsĬustomizing Bootstrap's Sass according to our needs Installing WordPress and other requirementsĬonflicts between WordPress and Bootstrap – predefined classes Using the CLI and running the code from GithHub Reusing the SCSS code of the social buttons Using the SCSS-linter for cleaner and more readable codeĮxtending Bootstrap's predefined CSS classesĪ navbar without Bootstrap's predefined CSS classes

Customizing Your Blog with Bootstrap and Sass Using the build process to finish your projectģ. Putting it all together and creating the default task

Installing the Gulp task to compile the Panini HTML templates Getting your JavaScript code ready for production Getting your CSS code ready for production Setting up environments for development and productionĬompiling Bootstrap's Sass code into CSS code Creating Your Own Build Process with GulpĬreating the Gulpfile.js which holds your tasks Other ways to download and integrate BootstrapĢ. Downloading the color images of this book

Rapidweaver carousel styles