bootstrap не выпадающие ссылки - PullRequest
Новая
       5

bootstrap не выпадающие ссылки

0 голосов
/ 20 февраля 2020

Я только что скопировал код с веб-сайта Bootstrap: https://getbootstrap.com/docs/4.4/components/button-group/#nesting

Но мои ссылки в выпадающем меню не охватывают меню, как это делают - я что-то упустил?

Я пытался применить этот код, но безрезультатно Bootstrap Выпадающий список неправильно оформлен

lin

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

  <div class="btn-group" role="group">
    <button id="btnGroupDrop1" type="button" class="btn btn-grey dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      OTHER <span class='caret'></span>
    </button>
    <div class="dropdown-menu" aria-labelledby="btnGroupDrop1">
      <a class="dropdown-item" href="#">Dropdown link</a>
      <a class="dropdown-item" href="#">Dropdown link</a>
  </div>
</div>

1 Ответ

1 голос
/ 20 февраля 2020

используйте этот код для решения ваших проблем 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>demo</title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
	</head>
	<body>
		<div class="dropdown">
			<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Dropdown Links
			<span class="caret"></span></button>
			<ul class="dropdown-menu">
				<li><a href="#">Link1</a></li>
				<li><a href="#">Link2</a></li>
				<li><a href="#">Link3</a></li>
			</ul>
		</div>
	</body>
</html>

Я надеюсь, что ваши проблемы будут решены, спасибо.

...