Rachita Chauhan

Learn how to Design your Facebook Profile Page using Frontend Technologies like Html, CSS, Bootstrap.

Programming

Hindi

(Hindi) Design the Frontend of Facebook using Bootstrap

Bootstrap for Beginners

Bootstrap

Web Development

Personal and Skill Development

Develop your coding skills, learn a new language or prepare for campus placements and job interviews, you can do it all with these awesome courses.

Course Overview (in Hindi)

What is Bootstrap Grid system and why we use it?

What are Grids? (in Hindi)

What is Bootstrap and what are it's benefits.

Introducing Bootstrap (in Hindi)

How to add Bootstrap library to our Web page.

How to Download Bootstrap (in Hindi)

How to define Bootstrap rows and columns.

Bootstrap Grid System (in Hindi)

Add a container class in your web-page and header and Footer Elements.

Add Header and Footer to the Web-page.

How to use Bootstrap Grid Layout to create the basic layout of Facebook.

Design the Facebook layout.

How to add a Responsive navigation bar on our Facebook page.

Add the Navigation Bar.

How to change font color using Bootstrap cheat code ! important to override CSS properties defined in Bootstrap.css file.

Add Blue color to the Navigation bar.

Which class is responsible to make our Navigation Bar Responsive.

Modify the Header.

Remove and add Links to the Facebook Header.

Design the Facebook header.

How to add Icons to the Navigation Bar using Bootstrap Glyphicons.

Adding Glyphicons to the Header.

How to add Bootstrap Component nav pills inside the Footer Element.

Design the Footer.

How to use Bootstrap nav-stacked class to align content one above the other.

Design the sidebar Menu.

Modify the sidebar by adding Glyphicons and Notification numbers using Bootstrap Badges.

Adding Icons to the sidebar

How to add Responsive Images by  using Bootstrap class img-responsive.

Add Bootstrap Panels to create news feed.

How to adjust the content inside the container using overflow property.

Add content and hide scrollbars from the news feed.

How to use Bootstrap class embed-responsive to add Responsive videos to our web-page.

Add responsive video.

How to add Togglable Tabs using Bootstrap.

Add News Ticker using Bootstrap Tabs Component.

How to use Bootstrap Responsive Utilities to make our Website Responsive according to different devices.

Making our Facebook Page Mobile Responsive.


Full Stack Web Developer | Android Developer | Programmer | Ex-Infoscion.
Passionate about teaching and sharing knowledge with others

Chandra Agarwala

This course is about a front-end framework bootstrap and it covers all things from basic to advanced level.

Beginner's Guide to Bootstrap

Shubham Darda

In this course, Shubham has discussed the Bootstrap in detail and also given an insight about it. This course will help to gain knowledge about the framework and help the programmers to use different classes available in Bootstrap for their development as well as for design.

Getting Started with Bootstrap

A cse student pursuing b.tech degree from bit mesra, Patna campus. I love reading novels and cooking... Also, I love numbers.

Shalini Anand

It is basically about creating and styling web pages with the help of bootstrap. Anyone with a basic knowledge of HTML and CSS can learn bootstrap. This course deals with the basics of bootstrap which will help in creating a basic web page with different components.

(Hindi) Introduction and Basics of Bootstrap

This course is based on building a basic static website using bootstrap.

Building Static Website Using Bootstrap


Done graduation from Thakur college of science and commerce,
Master in computer science ,
Educator in Unacademy.

Pratiksha Tripathi

This course discusses about bootstrapping program and its usage.

Lessons

20 lessons • 1h 51m

Invalid Date

NaN

Course Overview (in Hindi)

Invalid Date

NaN

What are Grids? (in Hindi)

Invalid Date

NaN

Introducing Bootstrap (in Hindi)

Invalid Date

NaN

How to Download Bootstrap (in Hindi)

Invalid Date

NaN

Bootstrap Grid System (in Hindi)

Invalid Date

NaN

Add Header and Footer to the Web-page.

Invalid Date

NaN

Design the Facebook layout.

Invalid Date

NaN

Add the Navigation Bar.

Invalid Date

NaN

Add Blue color to the Navigation bar.

Invalid Date

NaN

Modify the Header.

+ See all lessons