ng-bootstrap 打开焦点输入字段 css 不起作用

Question

我用了ng Typeahead 在焦点输入上打开，我的冲突是他们正在使用bootstrap-4但我在我的项目中使用了bootstrap 3，引导程序 3 在焦点上打开无法正常工作，任何人都知道如何在引导 3 上工作？

.html

<input
id="typeahead-focus"
type="text"
class="form-control"
[(ngModel)]="model"
[ngbTypeahead]="search"
(focus)="focus$.next($event.target.value)"
(click)="click$.next($event.target.value)"
#instance="ngbTypeahead"
/>

堆栈闪电战代码在这里

Answer 1

只需在您的样式中添加下面的css.css您的项目就会显示为示例：

.dropdown-item {
	display: block;
	width: 100%;
	padding: .25rem 1.5rem;
	clear: both;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0
}
.dropdown-item:focus,
.dropdown-item:hover {
	color: #16181b;
	text-decoration: none;
	background-color: #f8f9fa
}
.dropdown-item.active,
.dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: #007bff
}
.dropdown-item.disabled,
.dropdown-item:disabled {
	color: #6c757d;
	background-color: transparent
}
.dropdown-menu.show {
	display: block
}
.dropdown-header {
	display: block;
	padding: .5rem 1.5rem;
	margin-bottom: 0;
	font-size: .875rem;
	color: #6c757d;
	white-space: nowrap
}