twitter-bootstrap 相关问题

移动导航栏问题

编辑＃1：在我将高度定义为 89px 后，我的移动菜单似乎位于我的内容后面。 我的移动版导航栏出现问题。导航栏没有徽标那么高，所以...

从剪贴板粘贴到使用“form-control rte”类（富文本编辑器）的文本区域中

我正在从 WebView2 运行一个脚本来完成在线表单 - 非常适合使用...的标准文本区域 document.getElementById('fname').value = 'SomeName'; 但不能与引导一起使用...

Bootstrap 5 - justifty-content-end 不起作用

我正在尝试使用 bootstrap 5 创建一个标题。在标题中，我有一个导航栏，其中包含我想浮动到右侧的链接。在查看引导程序网站后，我注意到他们的广告......

bootstrap popover：使用ajax重新加载内容

我在使用ajax 重新加载引导程序弹出窗口的内容时遇到问题。 这是一些代码：http://pastie.org/3960102 第二个ajax请求（当我点击“a.close”时）返回更新的内容（我...

更改按钮的宽度会在其他按钮之间创建空间

我正在使用按钮标签制作一个计算器，我只想更改 id=equal 的一个按钮的宽度，但是当我更改它的宽度时，每行的第三个和第四个按钮之间会添加空格...

Angular bootstrap 4 使用搜索过滤器进行选择

我有一个 Angular 项目，我正在使用 Bootstrap 4。 我有一个选择： 一个 两个 我有一个 Angular 项目，我正在使用 Bootstrap 4。 我有一个选择： <select> <option value="one">One</option> <option value="two">Two</option> <option value="three">Three</option> </select> 当选择打开时，我需要一些搜索过滤器或类似的过滤器。 我该怎么做？ 您必须使用下拉选择器创建自定义输入。例如： <div> <input type="text" (keyup)="onSeachDropdownValue($event)"/> <div class="dropdown-selector"> <div class="dropdown-selector-option" *ngFor="let option of searchedOptions" (click)="onSelectDropdownValue(option)">{{option}}</div> </div> </div> 在你的打字稿中： options = ['option1', 'option2', 'option3']; searchedOptions = []; onSeachDropdownValue($event) { const value = $event.target.value; searchedOptions = options.filter(option => option.includes(value)); } onSelectDropdownValue(option) { // Do something with selected value } 您可以使用两种方式绑定，以您想要的方法（模板或反应方法）填充所选选项的输入。 希望有帮助 检查此解决方案，如果未显示下拉数据，则检查此解决方法。 这是我根据 Angular 16 和 Bootstrap 5 中提到的两个解决方案所做的。 安装NgMultiSelectDropDownModule并正确导入， 在.html中： <ng-multiselect-dropdown [placeholder]="'Employee privilege'" [settings]="dropdownSettings" [data]="dropdownList" [(ngModel)]="selectedItems" > </ng-multiselect-dropdown> 在.ts中： import { FormsModule} from '@angular/forms'; . . . dropdownList = [{}]; selectedItems = [{}]; dropdownSettings = {}; ngOnInit(): void { this.dropdownList = [ { id: 1, text: 'Barbecue' }, { id: 2, text: 'Mustard' }, { id: 3, text: 'Ketchup' }, { id: 4, text: 'Mayonaise' } ]; this.selectedItems = [ { id: 1, text: 'Barbecue' }, { id: 2, text: 'Mustard' } ]; this.dropdownSettings = { idField: 'id', textField: 'text', selectAllText: 'Select All', unSelectAllText: 'UnSelect All', itemsShowLimit: 3, allowSearchFilter: true, limitSelection: 2 }; }

悬停时禁用 boostrap 子菜单

我有一个使用 Boostrap 3 的导航菜单，但我不知道如何禁用子菜单的“悬停时”功能。我希望子菜单仅在单击时打开。 https://jsfiddle.net/elalgarro/q1vd...

样式化的复选框标签在选中时移动

我正在尝试为我正在从事的项目设计一些更大的引导元素，但我似乎遇到了一个问题。 当我处理复选框时，我会按照我需要的方式设置它的样式，但是...

offcanvas 按钮问题也不起作用

我使用了offcanvas上一个引导程序版本，它有关闭按钮（没有它，offcanvas无法关闭）：当我单击“添加到购物车”按钮时，offcanvas可以工作，但是。按钮 &qu...

清除浏览器缓存后无法使用 dash-bootstrap 加载外部样式表

我正在为我的导航栏使用 dash-bootstrap-components 和外部样式表。我的代码中的第三行实际上是 app = dash.Dash(__name__,use_pages=True,external_stylesheets=[dbc.themes.CERULEAN,...

CSS 样式未出现在特定类中

我的 css/main.css 文件正确链接到我的 index.html 文件，并且里面的所有 CSS 代码都适用于我的所有 HTML 元素。 但是，我正在尝试获取一个在悬停时显示信息的图像...

无边框引导表格

尝试显示无边框的引导表。 当我删除（bootstrap.min.css）时，我可以隐藏边框，但是当添加它时，无法隐藏边框 尝试显示无边框的引导表。 当我删除（bootstrap.min.css）时，我可以隐藏边框，但是当添加它时，无法隐藏边框 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"> <div class="container"> <form action="" method="POST"> <div class="mb-3" style="width:100%;"> <input class=" form-control fromDT" style="width:100%;" type="date" name="fromDT" style="" id="fromDT" value="22-2-2022" /> <input class=" form-control toDT" type="date" name="toDT" style="" id="toDT" value="11-1-2000" /> <input type="submit" id="btn-save" class="btn btn-danger form-control btn-save" style="" value="Submit" name="SEARCH"> </div> </form> <br><br><br> <div class="table-responsive"> <table class="table table-borderless" border="0" cellspacing="0" cellpadding="0"> <tr> <th class="not_mapped_style" style="line-height:0; text-align:center">ID</th> <th class="not_mapped_style" style="line-height:0; text-align:center">date</th> <th class="not_mapped_style" style="line-height:0; text-align:center">ref </th> <th class="not_mapped_style" style="line-height:0; text-align:center">amount</th> <th class="not_mapped_style" style="line-height:0; text-align:center">income</th> <th class="not_mapped_style" style="line-height:0; text-align:center">Balance</th> </tr> <tr> <td style="line-height:0; text-align:center"><b>433</b></td> <td style="line-height:0; text-align:center">22-2-2022</td> <td style="line-height:0; text-align:center">44332</td> <td style="line-height:0; text-align:center">443</td> <td style="line-height:0; text-align:center">1111</td> <td style="line-height:0; text-align:center">899989</td> </tr> <tr> <td style="line-height:0; text-align:center">100</td> <td style="line-height:0; text-align:center">22-2-2024</td> <td style="line-height:0; text-align:center">4333</td> <td style="line-height:0; text-align:center">400$</td> <td style="line-height:0; text-align:center">0</td> <td style="line-height:0; text-align:center">1600$</td> </tr> <tr> <td style="line-height:0; text-align:center">100</td> <td style="line-height:0; text-align:center">22-2-2024</td> <td style="line-height:0; text-align:center">4333</td> <td style="line-height:0; text-align:center">400$</td> <td style="line-height:0; text-align:center">0</td> <td style="line-height:0; text-align:center">1600$</td> </tr> </div> 解决了... 我使用了这个CSS代码 <style> .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid rgba(221, 221, 221, 0)!important; } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid rgba(221, 221, 221, 0)!important; } </style>

无法让 Bootstrap+Popper 下拉菜单在 Laravel+Vite 中工作

我是一位经验丰富的开发人员（20 多年），但最近才开始使用 Laravel。我很少会被卡住，但是这个问题我无法解决。 我全新安装了最新版本的 La...

Bootstrap 4 导航栏下拉问题

我尝试将此导航栏下拉菜单分成两列，但它们相互冲突。 另一个问题是，在移动设备中搜索栏保持在底部。并且页面没有响应...

如何在 JavaScript 中停止 onclick 操作？

单击按钮时，我希望微调器出现 3 秒然后消失。我可以让它可见，但我不能让它再次隐形。 函数停止加载（）{ 文件。

Bootstrap3 下拉开关

我想开发仅适用于移动屏幕尺寸的内联网Web应用程序，我不需要响应式设计技术。 我想在右上角有一个切换按钮，按下它时...

Markdown 链接转义布局

我正在使用 Bootstrap 和 Jekyll 制作一个网站。我最近遇到一个问题，在博客文章中，如果作者的名字被超链接（例如，到 Google+ 个人资料），则 html 片段...

更新到 Bootstrap 5.3.3 后尝试运行 ASP.NET MVC Web 应用程序时收到错误

我正在使用 Visual Studio 2019，我刚刚使用 Nuget 包管理器将引导程序更新到版本 5.3.3。现在，当我运行 MVC Web 应用程序时，我的浏览器显示服务器错误并显示...

全高谷歌地图不适应窗口大小

我已将谷歌地图的高度设置为85%。如果窗户足够大，它就会有合适的尺寸。但如果窗口很小，它就会以某种方式重叠。 这里有一些图片 当窗户很大时...

如何在 Symfony 表单中添加引导日期时间选择器

我正在尝试在我的 Symfony 表单中使用 http://eonasdan.github.io/bootstrap-datetimepicker/ 。 我补充道： 我正在尝试在我的 Symfony 表单中使用 http://eonasdan.github.io/bootstrap-datetimepicker/。 我补充说： <link type="text/css" rel="stylesheet" href="{{ asset('assets/css/bootstrap-datetimepicker-standalone.min.css') }}"> <link type="text/css" rel="stylesheet" href="{{ asset('assets/css/bootstrap.min.css') }}"> <script type="text/javascript" charset="utf8" src="{{ asset('assets/js/jquery-3.1.1.min.js') }}"></script> <script type="text/javascript" charset="utf8" src="{{ asset('assets/js/moment.min.js') }}"></script> <script type="text/javascript" charset="utf8" src="{{ asset('assets/js/bootstrap.min.js') }}"></script> <script type="text/javascript" charset="utf8" src="{{ asset('assets/js/bootstrap-datetimepicker.min.js') }}"></script> 但现在我不知道如何更改我的表单类型以使用日期选择器 我尝试过类似的方法，但不起作用 ->add('date', DateTimeType::class, array( 'required' => true, 'widget' => 'single_text', 'attr' => [ 'class' => 'form-control input-inline datetimepicker', 'data-provide' => 'datetimepicker', 'html5' => false, ], )) 有人可以帮助我吗？ 您应该将 html5 键/值从 attr 移至 options : ->add('date', DateTimeType::class, array( 'required' => true, 'widget' => 'single_text', 'html5' => false, 'attr' => [ 'class' => 'form-control input-inline datetimepicker', 'data-provide' => 'datetimepicker', ], )) 我也面临着同样的问题。 Symfony 中用于日期时间类型的默认表单组件呈现另一组输入字段。 引导方法需要一个“正常”输入字段，其中日期时间呈现为字符串。所以你必须使用TextType::class 为了在实体中使用 DateTime，我添加了一个 EntityTransformer 来处理 sting 和 DateTime 之间的转换以进行读写操作。 你可以这样做： $builder->get( 'from' )->addModelTransformer( new CallbackTransformer( function ( $date ) { return $date->format( 'd.m.Y H:i' ); }, function ( $date ) { return new \DateTime( $date ); } ) ); 我不确定这是唯一的问题，但您可能需要将 DateTimeType::class 更改为 texttype::class。 我希望这能有所帮助！ 祝你好运