Как сделать карту Bootstrap 5 кликабельной ⇐ Html

[Anonymous]

Я новичок в Bootstrap 5, HTML и CSS. Однако я использую их для создания веб-сайта, а также использую Bootstrap 5 для создания карточек, но мне хотелось сделать карточки интерактивными, чтобы они ссылались на другую страницу веб-сайта. Но после добавления тега привязки карточка по-прежнему недоступна для кликов.Test.html

Код: Выделить всё

Home |


























Our Services

[url=/about.html][/url]

[i][/i]
[h4]CCTV Services[/h4]

CCTV Services[/b] are an essential component of any business. CCTV provides real-time monitoring of multiple locations; the security they supply is indispensable, allowing businesses to have peace of mind knowing that...[b]





[i][/i]
[h4]Datacenter Support[/h4]

Datacenters[/b] are the foundation of many modern businesses, providing the infrastructure and resources necessary to save, process, and dispense data. They produce an off-premises location to secure and back up your business's data.[b]




[i][/i]
[h4]Digital Signage[/h4]

Digital Signage[/b] has grown rapidly over the last two decades well beyond just a flashy trend for big businesses in the realm of marketing and advertising, and the general dissemination of information. Now it has become the expected strategy.[b]




[i][/i]
[h4]General Support[/h4]

General Support[/b] is a crucial element to every modern business; providing essential support to businesses of all shapes and sizes. The focal point of General Support is to... [b]




[i][/i]
[h4]Network Support[/h4]

Network Support[/b] includes making sure all networking hardware, software, and other related dependencies are both up to date and functioning properly.  Monitoring the network for potential problems...[b]




[i][/i]
[h4]Additional Services[/h4]

Test.css

Код: Выделить всё

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body {
background: hsl(233, 47%, 96%);
font-family: 'Poppins', sans-serif;
}

hr {
border: 1.5px solid hsl(216, 90%, 44%)
}

.crd {
background: hsl(233, 47%, 96%);
transition: all;
}

.crd:hover {
background: hsl(216, 90%, 44%);
color: #fff;
transition: 0.5s;
}

.card img {
margin: auto;

}

#rounded_circle {
width: 76px;
aspect-ratio: 1;
background-color: hsl(0, 0%, 75%);
}

footer a {
color: hsl(0, 0%, 100%);
}

#footer {
color: hsl(0, 0%, 100%);
}

#copyright {
border-top: 1px solid hsl(0, 0%, 20%) ;
}

.c-item {
height: 480px;
}

.c-img {
height: 100%;
object-fit: cover;
filter: brightness(0.6);
}

#team-img {
height: 100%;
object-fit: cover;
}

@media (min-width: 576px) {
.dropdown:hover > .dropdown-menu {
display: block;
margin-top: 0;
}
}

Код: Выделить всё

@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

body {
background: hsl(233, 47%, 96%);
font-family: 'Poppins', sans-serif;
}

hr {
border: 1.5px solid hsl(216, 90%, 44%)
}

.crd {
background: hsl(233, 47%, 96%);
transition: all;
}

.crd:hover {
background: hsl(216, 90%, 44%);
color: #fff;
transition: 0.5s;
}

.card img {
margin: auto;

}

#rounded_circle {
width: 76px;
aspect-ratio: 1;
background-color: hsl(0, 0%, 75%);
}

footer a {
color: hsl(0, 0%, 100%);
}

#footer {
color: hsl(0, 0%, 100%);
}

#copyright {
border-top: 1px solid hsl(0, 0%, 20%) ;
}

.c-item {
height: 480px;
}

.c-img {
height: 100%;
object-fit: cover;
filter: brightness(0.6);
}

#team-img {
height: 100%;
object-fit: cover;
}

@media (min-width: 576px) {
.dropdown:hover > .dropdown-menu {
display: block;
margin-top: 0;
}
}

Код: Выделить всё

Home |


























Our Services

[url=/about.html][/url]

[i][/i]
[h4]CCTV Services[/h4]

CCTV Services[/b] are an essential component of any business. CCTV provides real-time monitoring of multiple locations; the security they supply is indispensable, allowing businesses to have peace of mind knowing that...[b]





[i][/i]
[h4]Datacenter Support[/h4]

Datacenters[/b] are the foundation of many modern businesses, providing the infrastructure and resources necessary to save, process, and dispense data. They produce an off-premises location to secure and back up your business's data.[b]




[i][/i]
[h4]Digital Signage[/h4]

Digital Signage[/b] has grown rapidly over the last two decades well beyond just a flashy trend for big businesses in the realm of marketing and advertising, and the general dissemination of information.  Now it has become the expected strategy.[b]




[i][/i]
[h4]General Support[/h4]

General Support[/b] is a crucial element to every modern business; providing essential support to businesses of all shapes and sizes. The focal point of General Support is to... [b]




[i][/i]
[h4]Network Support[/h4]

Network Support[/b] includes making sure all networking hardware, software, and other related dependencies are both up to date and functioning properly. Monitoring the network for potential problems...




[i][/i]
[h4]Additional Services[/h4]

Подробнее здесь: https://stackoverflow.com/questions/766 ... -clickable