Выпадающее меню Bootstrap, навигационная панель ⇐ CSS

[Anonymous]

На этой неделе я начал изучать Bootstrap и столкнулся с проблемой с раскрывающимся меню. Я хочу, чтобы он плавал за пределами моей навигационной панели, но он застрял. Я пробовал разные методы, но ничего не помогло.Вот код:

• Главная
  Контакты
• О
  
  Книги
• Действие
  Еще одно действие
• Здесь что-то еще

• Home
• Contact
• About
  
  
  Books
• Action
• Another action
• Something else here

Я пробовал использовать загрузочные ссылки, но все еще сталкиваюсь с той же проблемой, и мне нужен кто-то, кто просмотрит/оценит мой код и объяснит проблему.
вот суть проблемы
мой полный html-код:





Library


[*] integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">

• Home
• Contact
• About
  
  
  Books
• Action
• Another action
• Something else here

Library









World Wide Shipping
Lorem ipsum dolor sit amet.





Anywhere in the world





Learn now!
Lorem ipsum dolor sit amet.





Previous



Next





Why Choose
Us?



Lorem ipsum dolor sit amet,
consectetur adipiscing elit,
sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua,
Molestie nunc non blandit massa.
[/b]






Lorem
Lorem ipsum dolor sit amet.
Read more>







Lorem
Lorem ipsum dolor sit amet.
Read more>







Lorem
Lorem ipsum dolor sit amet.
Read More>






Read More




To Know more
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua.
Click here






Our Online Library
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua.
Click here










d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z" />














Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt
distinctio earum repellat quaerat voluptatibus placeat nam,
commodi optio pariatur est quia magnam eum harum corrupti dicta,
aliquam sequi voluptate quas.



© Made by Venom_Fury:
Venomfury.com








//мой полный CSS-код
body {
background: #93afa4;
}

#intro1 {
color: black;
font-family: cursive, sans-serif;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #1e1bc0;
}

li {
float: left;
}

li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover {
background-color: #123cf7;
}

.search1 {
background-color: #1bc78ed2;
border: none;
color: white;
text-decoration: none;
margin-right: 5px;
margin-top: 7px;
float: right;
display: block;
text-align: center;
padding: 6px;
font-size: 17px;
}

.search2 {
margin-right: 7px;
margin-top: 5px;
float: right;
display: block;
color: black;
text-align: center;
padding: 6px;
text-decoration: none;
font-size: 17px;
}

.card {
/* margin-top: 20px; */
margin-right: 22px;
margin-left: 22px;
/* margin-bottom: 30px; */
}

.row {
height: 200px;
/* display: flex; */
align-items: end;
justify-content: end;
margin-right: 20px;
margin-top: 170px;
/* margin-bottom: 20px; */
}

.carousel-item {
height: 80vh;
}

footer {
margin-top: 100px;
text-align: center;
padding: 3px;
background-color: rgb(139, 175, 209);
color: white;

}

.row1 {
color: darkgrey;
display: flex;
justify-content: center;
align-items: center;
background-image: url("d.jpeg")
}

h3 {
font-size: 30px;
}
h2{
/* align-items: start; */
/* align-self:flex-start; */
margin-top: 30px;
margin-bottom: 20px;
text-align:center;
}


Подробнее здесь: https://stackoverflow.com/questions/787 ... enu-navbar