Advance web design using bootstrap 4

Course Image

Advance web design using bootstrap 4

Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. Bootstrap is completely free to download

Course At A Glance

  • Date : 2021-03-03 - 2021-05-02 No. of Classes/ Sessions : 12
  • Total Hours : 24 Last Date of Registration : 2001-02-21
  • Class Schedule : Sunday:8:00pm-10:00 Wednesday:6:00pm-8:00pm
  • Venue : ka-74/1, 3rd Floor Pragati Avenue, Kuril Chowrasta (Bishwaroad), Dhaka-1229, Bangladesh

Price: 8,000
(Excluding VAT & TAX)

Course Outline

Introduction to the course
  • Tools that you will need (all free and cross platform tools)
  • Bootstrap manual install
  • Bootstrap CDN installation - recommended
Section 2 introduction
  • Basics of text tags in bootstrap 4
  • More on texts
  • Handling Images in bootstrap 4
  • Project - Watch langing page
  • Project - wathcing landing page - adding thumbnail
Section 3 Introduction
  • Container and fluid containers
  • Media break points in Bootstrap 4
  • 12 column grid basics
  • Variable width content grid
  • Changing layouts on different screens
  • Flexbox align items
  • Flexbox justify contents
  • Flex properties and nesting grids
  • Project 2 - Code is awesome
  • Project 2 - Code is Awesome final
Section 4 introduction
  • Colours in Bootstrap 4
  • Buttons in Bootstrap 4
  • Jumbotron in Bootstrap 4
  • Navbar and nav colours
  • A complete custom navbar part 1
  • A complete custom navbar part 2
  • Carousel in Bootstrap 4
Section 5 Introduction
  • Cards basic in Bootstrap
  • A finished card based landscape
  • Project - modal login
  • Project - triggering modal
  • Project - login modal finished