bootstrap-4 相关问题

Bootstrap 4是流行的前端组件库的第四个主要版本。 Bootstrap框架有助于创建响应迅速，移动优先的网站和Web应用程序。

为什么 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

引导选项卡 - 将复选框放置在选项卡文本旁边，并在选项卡中对齐所有内容

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

bootstrap-4

回答 1 投票 0

如何使用 Bootstrap 消除渲染阻塞资源？

资源阻碍了页面的第一次绘制。考虑内联交付关键 JS/CSS 并推迟所有非关键 JS/样式 css/bootsrtap.min.css css/main.css 我收到这条消息...

javascript css bootstrap-4

回答 1 投票 0

在剃刀中关闭引导模式后引导下拉列表不起作用

关闭引导模式后，我的引导下拉列表不起作用。模态： ...

jquery asp.net-mvc bootstrap-modal bootstrap-4

回答 2 投票 0

Bootstrap CSS 文件无法在使用 Flying Saucer 核心的 PDF 中加载

我找了两天了，没找到解决办法。我必须制作一个必须在浏览器中打开的 pdf 表单。我决定使用飞碟库。在 html 中，我的内部 CSS 类加载成功...

html spring spring-boot bootstrap-4 flying-saucer

回答 1 投票 0

在Vuejs模板中使用时前端不会出现Bootstrap图标

我正在尝试使用 Vue.JS 构建 Web 应用程序，并且在我的应用程序中，我正在尝试使用 [Bootstrap Icons][1]。但由于某种原因，即使添加了图标后，它们也没有出现......

html css twitter-bootstrap bootstrap-4 vuejs2

回答 4 投票 0

Bootstrap Modal 中的选项卡未对齐

我正在构建一个 Bootstrap Modal，我想在这个 Modal 中放置一些选项卡，以便能够在他内部导航。发生的情况是显示的选项卡没有像...

javascript html css bootstrap-4 modal-dialog

回答 1 投票 0

将 Bootstrap 4 导航栏居中（大型菜单）

在bootstrap4中我认为： https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css 我试图让我的大型菜单居中，我有这个：在bootstrap4中我认为： https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css 我试图让我的大型菜单居中，我有这个： <nav class="navbar navbar-light bg-light navbar-expand-lg sticky-top" id="myNavbar"> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="mainNav"> ... 然后根据这个： https://getbootstrap.com/docs/4.0/components/navbar/ 我必须添加一个 div 容器来使其居中。 S 我能够通过代码将其居中： <nav class="navbar navbar-light bg-light navbar-expand-lg sticky-top" id="myNavbar"> <div class="container">  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="mainNav"> ... 成功了，它居中了！由于我将 div 容器放在类导航栏之后的行中，导航栏扩展了屏幕的宽度......响应也正确。我只是不明白为什么元素之间的填充消失了，插入符号在居中的菜单中看起来消失了。（不再是在txt的右侧）......不知道还有什么地方可以改变来解决这个问题。菜单的完整引导结构是： <nav class="navbar navbar-light bg-light navbar-expand-xl sticky-top" id="myNavbar"> <div class="container">  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mainNav" aria-controls="mainNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="mainNav"> <ul class="navbar-nav ml-auto nav-fill"> <li class="nav-item px-4 dropdown"> <a class="nav-link dropdown-toggle" href="#" id="servicesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> About</a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="servicesDropdown"> <div class="d-md-flex align-items-start justify-content-start"> <div> <div class="dropdown-header">About US</div> <a class="dropdown-item" href="{% url 'mainpage:siteuserguide' %}">Site User's Guide</a> <etc...></etc...> </div> </div> </div> </li> <li class="nav-item px-4 dropdown"> <a class="nav-link dropdown-toggle" href="#" id="servicesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> About</a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="servicesDropdown"> <div class="d-md-flex align-items-start justify-content-start"> <div> <div class="dropdown-header">About US</div> <a class="dropdown-item" href="{% url 'mainpage:siteuserguide' %}">Site User's Guide</a> <etc...></etc...> </div> </div> </div> </li> <li class="nav-item px-4 dropdown"> <a class="nav-link dropdown-toggle" href="#" id="servicesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> About</a> <div class="dropdown-menu dropdown-menu-right" aria-labelledby="servicesDropdown"> <div class="d-md-flex align-items-start justify-content-start"> <div> <div class="dropdown-header">About US</div> <a class="dropdown-item" href="{% url 'mainpage:siteuserguide' %}">Site User's Guide</a> <etc...></etc...> </div> </div> </div> </li> </ul> </div> </nav> </div>  图片说明了外观正确但未居中的菜单项，后面是正确居中的导航栏但不是正确的项目（中间没有填充，只需要一点插入符）在您的代码中，您在元素上使用了 ml-auto 类，该类应用了 margin-left: auto。为了使内容水平居中，我将其更改为 mx-auto，它在两侧水平应用边距（左边距：自动；右边距：自动）。您的原始代码类：navbar-nav ml-auto nav-fill 更新了代码类：navbar-nav mx-auto nav-fill”

html css bootstrap-4 navbar

回答 1 投票 0

Prime React 下拉过滤器无法正常工作

我正在使用 primereact/dropdown 来呈现我的位置列表，用户可以在列表中选择，但我也在下拉列表中使用过滤方法来使用户也可以进行搜索

reactjs bootstrap-4 bootstrap-modal react-bootstrap primereact

回答 1 投票 0

栏目内容溢出栏目

我正在使用 React 和 Bootstrap。我定义了一个容器、一行和列。当屏幕缩小时，页面会做出响应，因为列相对于页面缩小或扩展。然而，...

reactjs react-native bootstrap-4 bootstrap-5 react-bootstrap

回答 1 投票 0

如何使用引导行-列显示层次结构

我目前有一个代表多级分层数据的平面列表，我负责服务器中的数据。但是当尝试以垂直图表的方式显示它时，我完全不知所措。这里...