<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
title
>
Bootstrap 5 List group constructor() Method
</
title
>
<
link
href
=
rel
=
"stylesheet"
integrity
=
"sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin
=
"anonymous"
/>
<
script
src
=
integrity
=
"sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin
=
"anonymous"
>
</
script
>
</
head
>
<
body
>
<
h1
class
=
"text-success"
>GeeksforGeeks</
h1
>
<
h3
>Bootstrap 5 List group constructor() Method</
h3
>
<
h5
class
=
"mt-4"
>
Latest GeeksforGeeks Articles:
</
h5
>
<
div
class
=
"row mt-3"
>
<
div
class
=
"col-2"
>
<
div
class
=
"list-group"
id
=
"list-tab"
role
=
"tablist"
>
<
a
class
=
"list-group-item list-group-item-action active"
id
=
"list-news"
data-bs-toggle
=
"list"
href
=
"#news"
role
=
"tab"
aria-controls
=
"news"
>
Tech News
</
a
>
<
a
class
=
"list-group-item list-group-item-action"
id
=
"list-python"
data-bs-toggle
=
"list"
href
=
"#python"
role
=
"tab"
aria-controls
=
"pyton"
>
Python
</
a
>
<
a
class
=
"list-group-item list-group-item-action"
id
=
"list-reactjs"
data-bs-toggle
=
"list"
href
=
"#project"
role
=
"tab"
aria-controls
=
"project"
>
Project
</
a
>
<
a
class
=
"list-group-item list-group-item-action"
id
=
"list-reactjs"
data-bs-toggle
=
"list"
href
=
"#reactjs"
role
=
"tab"
aria-controls
=
"reactjs"
>
ReactJs
</
a
>
</
div
>
</
div
>
<
div
class
=
"col-8"
>
<
div
class
=
"tab-content"
id
=
"nav-tabContent"
>
<
div
class
=
"tab-pane fade show active"
id
=
"news"
role
=
"tabpanel"
aria-labelledby
=
"list-news"
>
<
ul
>
<
li
>
<
a
href
=
"#"
>
10 Exciting Project Ideas Using Large
Language Models (LLMs)
</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>
Top 5 Universities to Upskill
your Leadership Roles
</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>
IU International University of
Applied Sciences
</
a
>
</
li
>
</
ul
>
</
div
>
<
div
class
=
"tab-pane fade"
id
=
"python"
role
=
"tabpanel"
aria-labelledby
=
"list-python"
>
<
ul
>
<
li
>
<
a
href
=
"#"
>Tkinter Cheat Sheet</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>
How to pass list as a command-line
argument with argparse?
</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>What is TABU search?</
a
>
</
li
>
</
ul
>
</
div
>
<
div
class
=
"tab-pane fade"
id
=
"project"
role
=
"tabpanel"
aria-labelledby
=
"list-project"
>
<
ul
>
<
li
>
<
a
href
=
"#"
>
Emoji Picker App using React</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>
Word Guess Game using React</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>
BMI Calculator using React</
a
>
</
li
>
</
ul
>
</
div
>
<
div
class
=
"tab-pane fade"
id
=
"reactjs"
role
=
"tabpanel"
aria-labelledby
=
"list-reactjs"
>
<
ul
>
<
li
>
<
a
href
=
"#"
>
React MUI Content Security Policy
</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>
Movie Search Engine Using React And API
</
a
>
</
li
>
<
li
>
<
a
href
=
"#"
>
ReactJs Server Components
</
a
>
</
li
>
</
ul
>
</
div
>
</
div
>
</
div
>
</
div
>
<
script
>
const defaultTab = new bootstrap.Tab(
document.querySelector("#list-python")
);
defaultTab.show();
</
script
>
</
body
>
</
html
>