COURSE DESCRIPTION
In this course we will build a complete Bootstrap website with Drupal to have a better understanding on how both works together. This is a course for the beginner. Especially for those who are new to building Bootstrap website with Drupal 7. However, I will expect you to know about Drupal installation and to have fair understanding about HTML, CSS and bootstrap framework, like the grid classes and columns. All of these will help you to follow along better and more beneficial with the course. At the end of this course, you will be able to build a responsive bootstrap website with Drupal 7.
Happy learning…
CERTIFICATION
On completion.
LEARNING OUTCOME
- Understand how to Install the Drupal Bootstrap Theme and Creating Sub Theme
- Understand Various Useful Modules Like CKEditor, IMCE, Pathauto, Token Filter etc
- Understand how to -Insert Glyphicon or Fontawesome Icons to the Menu, the Block, Field etc
- Understand how to Create Different Bootstrap Components like Carousel, Media Object, Thumbnail, Grid and Table
- Understand how to Configure the Layout Nicely with Display Suite Module and Turn it into a Responsive layout
- Creating Photo Gallery with Bootstrap Modal
- Creating Bootstrap Tabs to Hold Different Fields
- Creating a Contact Form with Webform
- And Many More…
Course Features
- Lectures 36
- Quizzes 0
- Duration
- Skill level All levels
- Language English
- Students 7
- Assessments Yes
-
Drupal with Bootstrap
- Installing Drupal on Your Local Machine
- Drupal Bootstrap -1- Overview
- Drupal Bootstrap -2- Installing Administration module + Coffee
- Drupal Bootstrap -3- Installing Bootstrap Theme
- Drupal Bootstrap -4- Creating Bootstrap Sub Theme
- Drupal Bootstrap -5- Adding Bootstrap Source Files (Using Method 1)
- Drupal Bootstrap -6- Getting Template Files Ready
- Drupal Bootstrap -7- Installing CKEditor & IMCE
- Drupal Bootstrap -8- Getting Front Page Ready
- Drupal Bootstrap -9- Bootstrap Navbar
- Drupal Bootstrap -10- Creating Basic Pages
- Drupal Bootstrap -11- Installing Pathauto Module
- Drupal Bootstrap -12- Creating Carousel Slideshow – PART I
- Drupal Bootstrap -13- Creating Carousel Slideshow – PART II – Sorting Slide With Draggable Views
- Drupal Bootstrap -14- Creating Front Page’s Blocks
- Drupal Bootstrap -15- Getting Article Content Type Ready
- Drupal Bootstrap -16- Generating Articles with Devel Module
- Drupal Bootstrap -17- Creating Article Views – Media Object Layout
- Drupal Bootstrap -18- Creating Article Views – Thumbnail Layout
- Drupal Bootstrap -19- Creating Article Views – Grid Layout
- Drupal Bootstrap -20- Creating Article Views – Custom Grid Layout + Equal Heights
- Drupal Bootstrap -21- Creating Article Views – Table Layout
- Drupal Bootstrap -22- Configuring Layout Display with Display Suite Module
- Drupal Bootstrap -23- Creating Bootstrap Tabs with Field Group Module
- Drupal Bootstrap -24- Working With Responsive Embeded Youtube
- Drupal Bootstrap -25- Creating Photo Gallery With Bootstrap Modal
- Drupal Bootstrap -26- Creating FAQ and Views
- Drupal Bootstrap -27- Adding icons – Glyphicon/Font awesome – Part 1
- Drupal Bootstrap -28- Adding icons – Glyphicon/Font awesome – Part 2
- Drupal Bootstrap -29- Creating Contact Webform
- Drupal Bootstrap -30- Creating Footer’s Block
- Drupal Bootstrap -31- Finishing The Last Bit And Celebrate !
- Drupal Bootstrap -32- BONUS: Changing Template Variable Assignment
- Drupal Bootstrap -33- BONUS: Changing Template Variable Assignment II – Column Reordering
- Drupal Bootstrap -34- BONUS: Bootswatch
- Drupal Bootstrap -35- BONUS: Disable Dropdown Support For Sidebar Menu