Skip to content
geeksforgeeks
  • Tutorials
    • Python
    • Java
    • Data Structures & Algorithms
    • ML & Data Science
    • Interview Corner
    • Programming Languages
    • Web Development
    • CS Subjects
    • DevOps And Linux
    • School Learning
    • Practice Coding Problems
  • Courses
    • DSA to Development
    • Get IBM Certification
    • Newly Launched!
      • Master Django Framework
      • Become AWS Certified
    • For Working Professionals
      • Interview 101: DSA & System Design
      • Data Science Training Program
      • JAVA Backend Development (Live)
      • DevOps Engineering (LIVE)
      • Data Structures & Algorithms in Python
    • For Students
      • Placement Preparation Course
      • Data Science (Live)
      • Data Structure & Algorithm-Self Paced (C++/JAVA)
      • Master Competitive Programming (Live)
      • Full Stack Development with React & Node JS (Live)
    • Full Stack Development
    • Data Science Program
    • All Courses
  • BS5 Tutorial
  • BS5 Interview Questions
  • BS5 Layout
  • BS5 Content
  • BS5 Components
  • BS5 Helpers
  • BS5 Utilities
  • BS4 Tutorial
  • BS Tutorial
  • Bootstrap Cheatsheet
  • Tailwind
  • CSS Frameworks
  • HTML Formatter
Open In App
Next Article:
Bootstrap 4 | Button Groups
Next article icon

Bootstrap 4 | Buttons

Last Updated : 28 Apr, 2022
Comments
Improve
Suggest changes
Like Article
Like
Report
Bootstrap provides different classes that can be used with different tags, such as <button>, <a>, <input>, and <label> to apply custom button styles. Bootstrap also provides classes that can be used for changing the state and size of buttons. Also, it provides classes for applying toggle, checkbox and radio buttons like effects. Bootstrap contains many classes to set the style of the button element. The list of button classes are given below:
  • .btn
  • .btn-primary
  • .btn-secondary
  • .btn-success
  • .btn-info
  • .btn-warning
  • .btn-danger
  • .btn-dark
  • .btn-light
  • .btn-link
    Example: html 
<!DOCTYPE html> <html lang="en"> <head>     <title>Bootstrap Buttons</title>     <meta charset="utf-8">     <meta name="viewport"          content="width=device-width, initial-scale=1">     <link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">     <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">     </script>     <script src= "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js">     </script>     <script src= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">     </script> </head> <body style="text-align:center;">     <div class="container mt-3">         <h1 style="color:green;">             GeeksforGeeks         </h1>         <h2>Buttons</h2>         <button type="button" class="btn btn-primary">             Primary</button>         <button type="button" class="btn btn-secondary">             Secondary</button>         <button type="button" class="btn btn-success">             Success</button>         <button type="button" class="btn btn-warning">             Warning</button>         <button type="button" class="btn btn-danger">             Danger</button>     </div> </body> </html>
Output: Note: The <a>, <button> and <input> elements are used to hold the button classes. Example: html 
<!DOCTYPE html> <html lang="en"> <head>     <title>Bootstrap Buttons</title>     <meta charset="utf-8">     <meta name="viewport"          content="width=device-width, initial-scale=1">     <link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">     <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">     </script>     <script src= "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js">     </script>     <script src= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">     </script> </head> <body style="text-align:center;">     <div class="container mt-3">         <h1 style="color:green;">             GeeksforGeeks         </h1>         <h2>Button Elements</h2>         <input class="btn btn-success"              type="button" value="Input Button">         <input class="btn btn-success"              type="submit" value="Submit Button">         <input class="btn btn-success"              type="reset" value="Reset Button">         <button class="btn btn-success" type="button">             Button</button>         <a href="#" class="btn btn-success" role="button">             Link Button</a>     </div> </body> </html>
Output: Button Outlines: Bootstrap provides a series of classes that can be used when we need to use outline styled buttons in our project, i.e. button without background color. The outline button classes remove any background color or background image style applied to the buttons. These classes are listed below:
  • .btn-outline-primary
  • .btn-outline-secondary
  • .btn-outline-success
  • .btn-outline-info
  • .btn-outline-warning
  • .btn-outline-danger
  • .btn-outline-dark
  • .btn-outline-light
  • .btn-outline-link
    Example: html 
<!DOCTYPE html> <html lang="en"> <head>     <title>Bootstrap Buttons</title>     <meta charset="utf-8">     <meta name="viewport"          content="width=device-width, initial-scale=1">     <link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">     <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">     </script>     <script src= "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js">     </script>     <script src= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">     </script> </head> <body style="text-align:center;">     <div class="container mt-3">         <h1 style="color:green;">             GeeksforGeeks         </h1>         <h2>Button Outline</h2>         <button type="button" class="btn btn-outline-primary">             Primary         </button>         <button type="button" class="btn btn-outline-secondary">             Secondary         </button>         <button type="button" class="btn btn-outline-success">             Success         </button>         <button type="button" class="btn btn-outline-danger">             Danger         </button>         <button type="button" class="btn btn-outline-warning">             Warning         </button>         <button type="button" class="btn btn-outline-info">             Info         </button>         <button type="button" class="btn btn-outline-light">             Light         </button>         <button type="button" class="btn btn-outline-dark">             Dark         </button>     </div> </body> </html>
Output: Button Sizes: Bootstrap provides different classes that allow to changing the size of the button. The .btn-lg and .btn-sm classes are used for large and small buttons. Example: html 
<!DOCTYPE html> <html lang="en"> <head>     <title>Bootstrap Buttons</title>     <meta charset="utf-8">     <meta name="viewport"          content="width=device-width, initial-scale=1">     <link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">     <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">     </script>     <script src= "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js">     </script>     <script src= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">     </script> </head> <body style="text-align:center;">     <div class="container mt-3">         <h1 style="color:green;">             GeeksforGeeks         </h1>         <h2>Button Sizes</h2>         <button type="button"              class="btn btn-success btn-sm">             Small Button         </button>         <button type="button"              class="btn btn-success">             Default Button         </button>         <button type="button"              class="btn btn-success btn-lg">             Large Button         </button>     </div> </body> </html>
Output: Active State Buttons: The .active class is used to make button and link to active state. Example: html 
<!DOCTYPE html> <html lang="en"> <head>     <title>Bootstrap Buttons</title>     <meta charset="utf-8">     <meta name="viewport"          content="width=device-width, initial-scale=1">     <link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">     <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">     </script>     <script src= "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js">     </script>     <script src= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">     </script> </head> <body style="text-align:center;">     <div class="container mt-3">         <h1 style="color:green;">             GeeksforGeeks         </h1>         <h2>Button Active State</h2>         <button type="button"              class="btn btn-success">             Default Button         </button>         <button type="button"              class="btn btn-success active">             Active Button         </button>     </div> </body> </html>
Output: Disabled State Buttons: The disabled attribute is used with <button> element to set the disabled state of button. Example: html 
<!DOCTYPE html> <html lang="en"> <head>     <title>Bootstrap Buttons</title>     <meta charset="utf-8">     <meta name="viewport"          content="width=device-width, initial-scale=1">     <link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">     <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">     </script>     <script src= "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js">     </script>     <script src= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">     </script> </head> <body style="text-align:center;">     <div class="container mt-3">         <h1 style="color:green;">             GeeksforGeeks         </h1>         <h2>Button Disabled State</h2>         <button type="button"              class="btn btn-primary" disabled>             Disabled Button         </button>         <button type="button"              class="btn btn-success" disabled>             Disabled Button         </button>     </div> </body> </html>
Output: Block Level Buttons: The .btn-block class is used to create block-level button which takes all width of parent element. Example: html 
<!DOCTYPE html> <html lang="en"> <head>     <title>Bootstrap Buttons</title>     <meta charset="utf-8">     <meta name="viewport"          content="width=device-width, initial-scale=1">     <link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">     <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">     </script>     <script src= "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js">     </script>     <script src= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">     </script> </head> <body style="text-align:center;">     <div class="container mt-3">         <h1 style="color:green;">             GeeksforGeeks         </h1>         <h2>Block Level Buttons</h2>         <button type="button"              class="btn btn-block btn-primary">             Block Level Button         </button>         <button type="button"              class="btn btn-block btn-success">             Block Level Button         </button>     </div> </body> </html>
Output: Spinner Buttons: The spinner-* classes are used to add spinner to the button. html 
<!DOCTYPE html> <html lang="en"> <head>     <title>Bootstrap Buttons</title>     <meta charset="utf-8">     <meta name="viewport"          content="width=device-width, initial-scale=1">     <link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">     <script src= "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">     </script>     <script src= "https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js">     </script>     <script src= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js">     </script> </head> <body style="text-align:center;">     <div class="container mt-3">         <h1 style="color:green;">             GeeksforGeeks         </h1>         <h2>Spinner Buttons</h2>         <button type="button" class="btn btn-primary">             <span class="spinner-border spinner-border-sm"></span>             Spinner Button         </button>         <button type="button" class="btn btn-success">             <span class="spinner-grow spinner-grow-sm"></span>             Spinner Button         </button>     </div> </body> </html>
Output:


Supported Browser:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

Next Article
Bootstrap 4 | Button Groups

D
dharmendra_kumar
Improve
Article Tags :
  • Web Technologies
  • Bootstrap
  • Bootstrap-4

Similar Reads

    Bootstrap 4 Tutorial
    Bootstrap 4 is an open-source framework for creating responsive web applications. It is the most popular CSS framework for creating mobile-first websites. It is free to use we can directly integrate Bootstrap 4 into our project using CDN Links or with npm. Bootstrap 4 Tutorial is designed to help be
    3 min read
    Bootstrap 4 Introduction
    Bootstrap is a free and open-source tool collection for creating responsive websites and web applications. It is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first websites. It solves many problems which we had once, one of which is the cross-browser compati
    3 min read

    Layout

    Bootstrap 4 | Grid System
    Bootstrap Grid System allows up to 12 columns across the page. You can use each of them individually or merge them together for wider columns. All combinations of values summing up to 12 can be used. Grid Classes: Bootstrap grid system contains five classes which are listed below: .col- It is used f
    3 min read
    Bootstrap 4 | Media Objects
    The Bootstrap Media Objects like images or videos can be aligned to the left or right with content in an easy and efficient manner. The Bootstrap Media Objects are used where some data is positioned alongside content to build up complicated and recursive components of the content.Basic Media Object:
    4 min read
    Bootstrap 4 | Utilities
    For ones new to the term, Bootstrap 4 is a free front-end framework for faster and easier web development. Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels, and many others, as well as optional JavaScript plugins. Boot
    15+ min read

    Content

    Bootstrap 4 | Typography
    Typography is a feature of Bootstrap for styling and formatting the text content. It is used to create customized headings, inline subheadings, lists, paragraphs, aligning, adding more design-oriented font styles, and much more. Bootstrap support global settings for the font stack, Headings and Link
    3 min read
    Bootstrap 4 Images
    Bootstrap 4 provides classes to style images responsively, including responsive images that automatically adjust the size based on screen width, image shapes such as rounded or circular, and image thumbnails with optional borders and captions, facilitating flexible and attractive image layouts. The
    4 min read
    Bootstrap 4 | Tables
    Bootstrap provides a series of classes that can be used to apply various styling to the tables such as changing the heading appearance, making the rows stripped, adding or removing borders, making rows hoverable, etc. Bootstrap also provides classes for making tables responsive. Simple Table: The .t
    9 min read
    Bootstrap | figure class with Examples
    A figure is used when one needs to display a piece of content, generally images with an optional caption. The figure class in Bootstrap is used to add styling to the default figure elements. The base .figure class is used to indicate a figure element. The .figure-img is used to indicate the image us
    1 min read

    Components

    Bootstrap 4 | Alerts
    We often see certain alerts on some websites before or after completing an action. These alert messages are highlighted texts that are important to take into consideration while performing a process. Bootstrap allows showing these alert messages on the website using predefined classes. The .alert cl
    3 min read
    Bootstrap 4 | Badges
    The .badge class is used to add additional information to the content. For example, some websites associate a number of notifications to the link. The notification number is seen when logged in to a particular website which tells the numbers of news or notifications to see by clicking it.Example: HT
    3 min read
    Bootstrap 4 | Buttons
    Bootstrap provides different classes that can be used with different tags, such as <button>, <a>, <input>, and <label> to apply custom button styles. Bootstrap also provides classes that can be used for changing the state and size of buttons. Also, it provides classes for app
    5 min read
    Bootstrap 4 | Button Groups
    Bootstrap offers classes which allow to group buttons along the same line, horizontally or vertically. The buttons to be grouped are nested inside a <div> element with the class .btn-group. Horizontally arranged button groups: The .btn-group class is used to create horizontally arranged button
    4 min read
    Bootstrap 4 | Cards
    A Bootstrap card is a flexible box containing some padding around the content. It includes the options for headers and footers, color, content, and powerful display options. It replaces the use of panels, wells, and thumbnails. It can be used in a single container called card. Basic Card: The .card
    7 min read
    Bootstrap 4 Carousel
    The Bootstrap Carousel is used to create an image slide show for the webpage to make it look more attractive. It can be included in the webpage using bootstrap.js or bootstrap.min.js. Carousels are not supported properly in Internet Explorer, this is because they use CSS3 transitions and animations
    2 min read
    Bootstrap 4 | Collapse
    Bootstrap 4 offers different classes for creating collapsible elements. A collapsible element is used to hide or show a large amount of content. When clicking a button it targets a collapsible element, the class transition takes place as follows:  .collapse: It hides the content..collapsing: It appl
    5 min read
    Bootstrap 4 | Dropdowns
    Dropdowns are one of the most important parts of an interactive website. A dropdown menu is the collection of menu items that allow users to choose a value from the list. The .dropdown class is used to design the drop-down menu. Example: HTML <!DOCTYPE html> <html lang="en">
    8 min read
    Bootstrap 4 | Forms
    Form Layout: Bootstrap provides two types of form layout which are listed below: Stacked formInline form Stacked form: The stacked form creates input field and submit button in stacked format. Example: HTML <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Fo
    5 min read
    Bootstrap 4 | Input Groups
    Input Groups in Bootstrap are used to extend the default form controls by adding text or buttons on either side of textual inputs, custom file selectors or custom inputs. Basic input groups: The following classes are the base classes that are used to add the groups to either side of the input boxes.
    7 min read
    Bootstrap 4 | Jumbotron
    Bootstrap 4 Jumbotron is a large, prominent container for displaying key content, such as headers or call-to-action messages, with customizable background colors and padding for emphasis. Steps to add jumbotron: Use a jumbotron class inside a div element.Write any text inside the div tag.Close the d
    2 min read
    Bootstrap 4 | List Groups
    List Groups are used to display a series of content in an organized way. Use .list-group and .list-group-item classes to create a list of items. The .list-group class is used with <ul> element and .list-group-item is used with <li> element. Example: HTML <!DOCTYPE html> <html la
    4 min read
    Bootstrap 4 | Modal
    In simple words, the Modal component is a dialog box/popup window that is displayed on top of the current page, once the trigger button is clicked. However, clicking on the modal's backdrop automatically closes the modal. Also, it must be kept in mind that Bootstrap doesn't support nested modals as
    5 min read
    Bootstrap 4 | Navs
    Nav Menu: The .nav, .nav-item and .nav-link classes are used to create navigation menu. The .nav, .nav-item and .nav-link classes are used with <ul>, <li> and link element respectively. Example: HTML <!DOCTYPE html> <html lang="en"> <head> <title>Nav men
    7 min read
    Bootstrap 4 Navigation Bar
    A navigation bar is used in every website to make it more user-friendly so that the navigation through the website becomes easy and the user can directly search for the topic of their interest. The navigation bar is placed at the top of the page.Basic Navigation Bar: The .navbar class is used to cre
    8 min read
    Bootstrap 4 | Pagination
    Pagination is used to enable navigation between pages in a website. The pagination used in Bootstrap has a large block of connected links that are hard to miss and are easily scalable. Basic Pagination: The basic pagination can be specified using the following classes. The .pagination class is used
    5 min read
    Bootstrap 4 | Popover
    The popover is an attribute of bootstrap that can be used to make any website look more dynamic. Popovers are generally used to display additional information about any element and are displayed on click of mouse pointer over that element.The data-toggle = "popover" attribute is used to create popov
    3 min read
    Bootstrap 4 | Progress Bars
    A progress bar is used to display the progress of a process on a computer. A progress bar displays how much of the process is completed and how much is left. You can add a progress bar on a web page using predefined bootstrap classes. Bootstrap provides many types of progress bars.Syntax:  <div c
    4 min read
    Bootstrap 4 | Scrollspy
    Sometimes while designing the website, we include some attractive features which makes website eye-catching. One of the features is Bootstrap scrollspy which target the navigation bar contents automatically on scrolling the area.Create scrollspy: The data-spy="scroll" and data-target=".navbar" attri
    4 min read
    Bootstrap 4 | Tooltip
    A Tooltip is used to provide interactive textual hints to the user about the element when the mouse pointer moves over. For Example, in the below image GeeksForGeeks is a button and when the user mouse moves over it, the additional information "A computer Science Portal" pops-up will display. Toolti
    2 min read
    Bootstrap 4 | Spinners
    Bootstrap provides various classes for creating different styles of "spinner" to display the loading state of projects. These classes are inbuilt with HTML and CSS so no need to write any JavaScript to create them. We can also modify the appearance, size, and placement of the spinners with the class
    7 min read
    Bootstrap 4 | Toast
    Toast is used to create something like an alert box which is shown for a short time like a couple of seconds when something happens. Like when the user clicks on a button or submits a form and many other actions. .toast: It helps to create a toast.toast-header : It helps to create the toast header.t
    3 min read

    Utilities

    Borders in bootstrap with examples
    Borders: Borders are generally used to display an outline around a box or table cell or any other HTML element. In Bootstrap, there are different classes available to add or remove borders. The classes that are used to add borders are referred as Additive classes and those that are used to remove bo
    4 min read
    Bootstrap 4 | Colors
    Text Colors: Bootstrap provides many classes to set the text color of an element. All classes of text colors are listed below: Example: This example uses text color class to set the color of text content. html <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap
    2 min read
    Bootstrap 4 | Flex
    The flex classes are used to control the layout of flexbox components. Example: HTML <!DOCTYPE html> <html lang="en"> <head> <title>Flex</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial
    10 min read
    Vertical alignment in Bootstrap with Examples
    Vertical Alignment in bootstrap changes the alignment of elements vertically with the help vertical-alignment utilities. The vertical-align utilities only affects inline(Present in one Line), inline-block(Present as blocks in one line), inline-table, and table cell(Elements in a cell of a table) ele
    2 min read

    Extend

    Bootstrap 4 | Wells
    A bootstrap well is something like a bootstrap panel with round borders and padding around it. This is used to create some attention towards some content of the webpage. The .well class adds a rounded border around the element with a gray background color and some padding. But we can change the text
    2 min read
geeksforgeeks-footer-logo
Corporate & Communications Address:
A-143, 7th Floor, Sovereign Corporate Tower, Sector- 136, Noida, Uttar Pradesh (201305)
Registered Address:
K 061, Tower K, Gulshan Vivante Apartment, Sector 137, Noida, Gautam Buddh Nagar, Uttar Pradesh, 201305
GFG App on Play Store GFG App on App Store
Advertise with us
  • Company
  • About Us
  • Legal
  • Privacy Policy
  • In Media
  • Contact Us
  • Advertise with us
  • GFG Corporate Solution
  • Placement Training Program
  • Languages
  • Python
  • Java
  • C++
  • PHP
  • GoLang
  • SQL
  • R Language
  • Android Tutorial
  • Tutorials Archive
  • DSA
  • Data Structures
  • Algorithms
  • DSA for Beginners
  • Basic DSA Problems
  • DSA Roadmap
  • Top 100 DSA Interview Problems
  • DSA Roadmap by Sandeep Jain
  • All Cheat Sheets
  • Data Science & ML
  • Data Science With Python
  • Data Science For Beginner
  • Machine Learning
  • ML Maths
  • Data Visualisation
  • Pandas
  • NumPy
  • NLP
  • Deep Learning
  • Web Technologies
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • ReactJS
  • NextJS
  • Bootstrap
  • Web Design
  • Python Tutorial
  • Python Programming Examples
  • Python Projects
  • Python Tkinter
  • Python Web Scraping
  • OpenCV Tutorial
  • Python Interview Question
  • Django
  • Computer Science
  • Operating Systems
  • Computer Network
  • Database Management System
  • Software Engineering
  • Digital Logic Design
  • Engineering Maths
  • Software Development
  • Software Testing
  • DevOps
  • Git
  • Linux
  • AWS
  • Docker
  • Kubernetes
  • Azure
  • GCP
  • DevOps Roadmap
  • System Design
  • High Level Design
  • Low Level Design
  • UML Diagrams
  • Interview Guide
  • Design Patterns
  • OOAD
  • System Design Bootcamp
  • Interview Questions
  • Inteview Preparation
  • Competitive Programming
  • Top DS or Algo for CP
  • Company-Wise Recruitment Process
  • Company-Wise Preparation
  • Aptitude Preparation
  • Puzzles
  • School Subjects
  • Mathematics
  • Physics
  • Chemistry
  • Biology
  • Social Science
  • English Grammar
  • Commerce
  • World GK
  • GeeksforGeeks Videos
  • DSA
  • Python
  • Java
  • C++
  • Web Development
  • Data Science
  • CS Subjects
@GeeksforGeeks, Sanchhaya Education Private Limited, All rights reserved
We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy
Lightbox
Improvement
Suggest Changes
Help us improve. Share your suggestions to enhance the article. Contribute your expertise and make a difference in the GeeksforGeeks portal.
geeksforgeeks-suggest-icon
Create Improvement
Enhance the article with your expertise. Contribute to the GeeksforGeeks community and help create better learning resources for all.
geeksforgeeks-improvement-icon
Suggest Changes
min 4 words, max Words Limit:1000

Thank You!

Your suggestions are valuable to us.

What kind of Experience do you want to share?

Interview Experiences
Admission Experiences
Career Journeys
Work Experiences
Campus Experiences
Competitive Exam Experiences