bootstrap-4 相关问题

设置.py 已安装的应用程序 = [ ... '我的应用程序', 'django_bootstrap_icons', ] ... STATIC_URL = '/静态/' MEDIA_URL = '/媒体/' MEDIA_ROOT = os.path.join(BASE_DIR,'静态,'媒体') 静态_RO...

python html django bootstrap-4 offline

回答 3 投票 0

通过管理 NuGet 包安装 Bootstrap 后，Bootstrap 文件不显示以供参考

我通过 Visual Studio 中的管理 NuGet 包安装了 Bootstrap 4.x，但未显示 Bootstrap 文件以供参考。这是我的 NuGet 输出的屏幕截图：这是什么...

visual-studio bootstrap-4 visual-studio-2017 nuget nuget-package

回答 2 投票 0

如何在移动设备上重新排序元素？

我有以下内容：返回 ... 我有以下内容： <div class="ml-auto text-right"> <button class="btn btn-back">Back</button> <span class="mx-2"></span> <button class="btn btn-next" type="submit">Next</button> </div> 即使我不使用列，是否可以对移动设备上的按钮重新排序？你的问题有点不清楚，如果你想改变按钮的顺序，这意味着移动版本上的“下一步”在“返回”之前，你可以使用这个HTML： <div class="ml-auto d-flex flex-row-reverse flex-sm-row justify-content-start justify-content-sm-end"> <button class="btn btn-back">Back</button> <span class="mx-2"></span> <button class="btn btn-next" type="submit">Next</button> </div>

html css bootstrap-4

回答 1 投票 0

如何在较小的屏幕尺寸上将按钮展开为全角？

我有以下标记：和CSS： @媒体屏幕和（最大宽度：576px）...

html css bootstrap-4

回答 1 投票 0

折叠/展开div时如何更改图标？

我的剃刀组件中有以下内容： @{ var id = $"collapseNotes{itemId}"; var href = $"#{id}"; 我的剃须刀组件中有以下内容： @{ var id = $"collapseNotes{itemId}"; var href = $"#{id}"; <div> <i class="fas fa-angle-right"></i> <a data-toggle="collapse" href="@(href)" role="link" aria-expanded="false" aria-controls="@(id)"> More info </a> <div class="collapse pl-3 pr-3" id="@(id)"> <p>long text...</p> </div> </div> } 折叠和展开效果很好。但是，我想更改展开时的图标，然后在折叠时恢复到原始状态。仅使用css就可以轻松实现还是需要js？无论哪种方式，最佳实践实施是什么？ <div> <i class="fas @(expanded ? "fa-angle-down" : "fa-angle-right")"></i> <a data-toggle="collapse" href="@(href)" role="link" aria-expanded="false" aria-controls="@(id)" @onclick="Toggle"> More info </a> <div class="collapse pl-3 pr-3" id="@(id)"> <p>long text...</p> </div> </div> @code{ bool expanded = false; public void Toggle() { expanded = !expanded; } }

javascript css bootstrap-4 blazor blazor-server-side

回答 1 投票 0

删除 React Bootstrap 中的下拉箭头

我正在尝试使用以下CSS删除下拉箭头，但它没有产生任何效果。 .dropdown::之后{ 显示：无！重要； } 这是代码我正在尝试使用以下 css 删除下拉箭头，但它没有产生任何效果。 .dropdown::after{ display: none !important; } 这是代码 <NavDropdown className={classes.user} title="Componentes" id="collasible-nav-dropdown"> <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item> <NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item> <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item> <NavDropdown.Divider /> <NavDropdown.Item href="#action/3.4">Separated link</NavDropdown.Item> </NavDropdown> 这是 Bootstrap 下拉箭头中的 CSS：因此，为了覆盖它，您需要使用相应的 CSS 选择器： .dropdown-toggle::after { display: none !important; } 请注意，也许不需要包含 !important。不确定这是否已解决，我在选择下拉菜单时遇到了类似的问题，结果发现插入符号/箭头是背景图像，您可以将其设置为 CSS 中的背景图像：无来删除它。

css reactjs bootstrap-4 react-bootstrap

回答 2 投票 0

blazor 基于屏幕尺寸的条件格式

我制作了 3 个按钮，放在图片上（右侧）。当屏幕较小时，按钮不遵循布局，因此它们会覆盖整个图片。我怎样才能让它们变得更小，或者更喜欢......

css bootstrap-4 blazor

回答 1 投票 0

如何使用 Bootstrap 根据隐藏的列设置 colspan？

我有一个带有动态行的表，我使用 bootstrap hide-xs 隐藏其中一列。下一行是页脚，正在使用 colspan。我想知道是否可以设置 colspan 的数量

html-table bootstrap-4

回答 1 投票 0

如何让一个div拉伸父级，而其他div只填充可用高度？

我正在开发类似屏幕的仪表板。屏幕有两行，顶部并不重要，但第二行才是问题。有两个高度可变的 div。我很想离开 div f...

html jquery css bootstrap-4

回答 1 投票 0

为什么 ccsnano 会弄乱 gulp builder 中 bootstrap 样式的 css？

.pipe(sassGlob()) .pipe(sass(["最后 2 个版本", "> 2%"])) .pipe(自动前缀()) .pipe(cssbeautify()) .pipe(gulp.dest("./dist/assets/css/")) .pipe(cssnano()) 。管道（重命名（{ 后缀：“...

css bootstrap-4 gulp

回答 1 投票 0

如何在 Bootstrap 选项卡文本旁边放置一个复选框并在选项卡中对齐所有内容？

有人可以帮我对齐文本和复选框，以便它们都位于此处的选项卡内，最好不使用 CSS 或使用内联 CSS。我尝试了几种不同的方法，但引导程序不是我的

bootstrap-4

回答 1 投票 0

bootstrap-4 相关问题

最新问题