Bootstrap 4模态向左移动页面
Bootstrap 4是一个流行的前端开发框架，它提供了丰富的组件和样式，可以帮助开发者快速构建响应式网页。模态（Modal）是Bootstrap中的一个组件，用于在页面上展示弹出窗口或对话框。
要实现Bootstrap 4模态向左移动页面，可以通过自定义CSS样式来修改模态的位置。以下是一个实现的示例：
首先，在HTML文件中引入Bootstrap 4的CSS和JavaScript文件：
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>然后，在页面中创建一个按钮，用于触发模态的显示：
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">打开模态框</button>接下来，在页面中添加一个模态框的容器，并设置其样式为向左移动：
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
<div class="modal-content" style="transform: translateX(-100%);">
<div class="modal-header">
<h5 class="modal-title" id="myModalLabel">模态框标题</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<p>模态框内容</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary">保存</button>
</div>
</div>
</div>
</div>在上述代码中，通过设置模态框容器的样式style="transform: translateX(-100%);"实现了向左移动页面的效果。你可以根据需要调整移动的距离。
以上就是实现Bootstrap 4模态向左移动页面的方法。通过自定义CSS样式，我们可以灵活地修改Bootstrap组件的外观和行为，以满足具体的设计需求。
关于Bootstrap 4的更多信息和使用方法，你可以参考腾讯云提供的Bootstrap 4相关文档和教程：
- Bootstrap 4官方文档
- 腾讯云Web+托管服务：提供了一站式的Web应用托管服务，支持快速部署和管理Bootstrap等前端框架的应用。
请注意，以上答案仅供参考，具体实现方式可能因个人需求和环境而异。
相关·内容
在我的应用程序中，我使用了来自Bootstrap站点的模式示例：
它工作得很好，除了一个小故障:每当我启动模态时，我的整个页面内容(在模态后面)都会向左移动，当我关闭模态时，内容会移回原来的位置。没什么大不了的，但有点烦人。
我把代码放在这里：
PS:我意识到问题并不总是会发生。我使用的是Chrome (Windows7)，我通常会打开调试器(F12)，这是在一定的屏幕宽度内打开的。我不知道它是由调试器特性引起的，还是由特定的屏幕宽度触发的(如果我的用户有一个与此宽度匹配的视口，这可能是一个问题)。
有人经历过或/并且知道这个问题的可能解决办法吗？
谢谢!
浏览 0提问于2020-05-10得票数 0
回答已采纳
这个问题与以下几点有关：
好的。我重写了.modal类overflow-y规则：-
.modal {
overflow-y: auto !important;
}
但是现在，当模态打开时，我看不到滚动条。这很好。这正是我所要求的。然而，当模态打开时，它仍然占用空间，页面向左移动。
截图：-
有解决办法吗？
浏览 4提问于2013-09-22得票数 3
回答已采纳
2回答
引导-滚动条问题与移动页
、、、、
当我打开一个由滚动条引起的模态时，我试图阻止我的页面移动。最初，当我打开一个新的模式时，页面会继续向左移动几个像素，而不是向后移动。我必须应用这个css来解决这个问题：
padding-right:0px !important;
margin-right:0px !important;
但是现在，即使页面向后移动，当登录模式或注册模式打开时，您可以按“在这里注册”，或者按下login模式或寄存器模式中的“在这里签名”，滚动条就会隐藏，然后重新出现，在移回原来的位置之前将页面移动。我做了简短的实验，并添加了溢出:滚动到元素，我不喜欢两个滚动条的想法，当页面低于一定的分辨率。
所以我的问题是：
浏览 2提问于2015-06-02得票数 1
我有一个移动页面，js-library只为DOM和事件(zepto)，没有花哨的ui-库。
现在我想添加一些“模态”特性。想想向右滚动的“推”，加载的内容会向左平移。完成后，将原始页面弹回。
因为第一页是width=100%，所以我找不到任何可靠的解决方案来解决这个问题。感谢在这一点上的任何可靠的css技巧。
致敬，//t
浏览 0提问于2011-12-11得票数 0
1回答
我遵循这个为我的ui添加了一个模态对话框。它建议使用以下标记，我已将其添加到我的一个视图中。
... html for my view is here ...
<button class="btn" ng-click="open()">Open Modal</button>
<div modal="showModal" close="cancel()">
<div class="modal-header">
<h4>Modal Dialog
浏览 3提问于2017-02-13得票数 0
回答已采纳
在我的应用程序中，我用搜索栏显示一个模态视图。我在模态视图控制器上设置了becomeFirstResponder在viewDidAppear中。这在纵向视图中很好，模态视图和键盘从底部弹出。
当我在横向上这样做时，模态视图看起来是正常的，但是随着键盘的显示，视图会向左或向右移动，这取决于iPad的顶部所面对的方向。模态的观点似乎认为它仍然是在肖像的方向。我怎么才能解决这个问题？
浏览 5提问于2014-03-05得票数 2
回答已采纳
2回答
有没有人对材料UI下拉选择和模态向左移动内容有问题？我试着给它位置:绝对，我也试着给出了MenuItems的位置:绝对，但内容还是改变了。
浏览 11提问于2019-01-30得票数 0
1回答
根据设备大小制作一个模态结束按钮
、、、、
我使用bootstrap3，在这里，我用modals渲染一个form..Is
<div class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><s
浏览 3提问于2014-11-24得票数 0
回答已采纳
1回答
当我尝试添加动画幻灯片时，从右向左显示模态页面，但是当我添加时会出现错误，难道当打开模态页面时不能添加动画吗？
exports.onModalClick = function(args){
var btn = args.object;
page.showModal("views/abc/Modal/Modal", "abc", function (List) {
if(List.length != 0){
}
}, false).animation({ translate: { x: 0, y: 0 }
浏览 4提问于2015-12-08得票数 0
回答已采纳
1回答
我第一次在Bootstrap上建立我的网站，我有一个问题，我找不到解决这个问题的方法。当我添加一些内容时，如果它的大小足以在浏览器中添加滚动条，则整个页面内容将向左移动。
简单地说，如果有滚动条，页面内容就会像17 it一样向左移动，如果没有，它可以正常工作。我不想在这里加一个烫发滚动条
overflow-y: scroll;
如果我加上
width: 100vw;
它工作良好，内容停留在它的位置，即使是滚动条，但如果有一个垂直滚动条，水平滚动显示也没有任何理由。
浏览 6提问于2015-07-30得票数 0
回答已采纳
我有一个JSP页面，其中包含整个模态表示模态结构(页眉、正文和页脚)。页面如下所示
<% @ page language = "java" contentType = "text/html; charset=ISO-8859-1"
pageEncoding = "ISO-8859-1"
%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
浏览 2提问于2016-10-26得票数 0
我想在我的页面中创建一个部分(文本段落)，它可以在我拥有的所有文本段落之间切换，而无需重新加载页面或加载其他页面。理想情况下，我希望使用向左和向右箭头。
假设我有十段文本，通道A，通道B等等，如果有人单击右箭头，我希望它从通道A移动到通道B，如果再次单击右箭头，我希望它从通道B移动到通道C。左箭头将用于返回到前面的段落。
我该怎么做呢？
我习惯使用CSS、HTML、JavaScript、jQuery和Bootstrap。
浏览 0提问于2015-10-31得票数 0
1回答
在Bootstrap 3.x中，容器中有两页：
<body>
<div class="container">
...
...
</div>
</body>
在“主页”页面中，滚动条不存在
在“关于”页面中，存在滚动条。
当我从主页到大约页面时，我看到一个内容向左移动，这是因为滚动条的出现。
我怎样才能防止这种令人讨厌的行为？我必须始终显示滚动条(也是什么时候没有必要？)
浏览 1提问于2015-12-31得票数 3
我有一个单页网站-基于twitter-bootstrap设置-几乎完成了。我刚刚对themeforest主题做了大量修改，所以我不能把这个页面的工作方式归功于我。我发现了一个问题，当网站在移动设备或平板电脑上浏览时，页面的前2/3几乎无法通过触摸设备使用(滚动或点击)。你可以在这里进行测试，。
如果我删除或注释掉最近为隐私免责声明和人们的电子邮件按钮引入的模态，页面滚动和触摸就会按预期工作。(请忽略非移动友好的部分，我还没有修复CSS以使响应)没有模态的相同页面的一个例子是，在那里你可以看到触摸控制工作得很好。
这就是我的问题所在。因为该站点基于一个预先构建的主题，而我不是jquery中最有能
浏览 0提问于2014-07-03得票数 1
1回答
我正在开发一个web应用程序，我需要在页面的右侧设置一个面板，可以调整页面的大小。我通过使用jQuery UI实现了这一点。但是我的应用程序也需要使用Bootstrap，我认为这就是问题所在:当我试图调整它的大小时，它会向左移动一些。我不想这个效果有人能帮我吗？
要调整大小的盒子是红色的，从右到左。
$('.move').resizable({handles: 'w'});
浏览 1提问于2016-08-04得票数 2
回答已采纳
1回答
我在角4中增加了一个基本的模态。问题是它看起来像它出现在页面背景中的模态。
我有一个profile.component.ts。基本上我有：
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
constructor(private modalService: NgbModal){}
open(){
this.modalService.open('Hello there');
}
在profile.component.html中，我有一个按钮调用open()函数。当点击按钮时，唯一发生的
浏览 2提问于2017-12-26得票数 0
回答已采纳
2回答
如何进行水平视差滚动
、、、
我使用的是最新版本的Bootstrap、JQuery和Skrollr。
我想有一个静态的背景和几个场景，当你滚动视差滚动发生。我可以在你滚动时创建场景，但我正在寻找一种方法，让你看起来不会向下移动页面。
我正在寻找一个像这样的场景：
注意它是如何从右向左移动的，但看起来并不像是在向下滚动页面。
这是我最好的解释。似乎找不到任何好的教程来实现这一点。任何正确方向的帮助都将是杰出的。
浏览 0提问于2015-01-08得票数 0
回答已采纳
在我的nextjs项目中，我一直试图实现一个引导模式作为类似于这个的组件
项目结构：
components
- modal.js
pages
- index.js
- about.js
从到index.js，我调用了模态组件：
<Button variant="primary" onClick={() => setModalShow(true)}>
Launch vertically centered modal
</Button>
<ModalMailingList show={modalShow} onHid
浏览 6提问于2022-11-11得票数 0
回答已采纳
我试图在下拉菜单中创建twitter bootstrap子菜单，但我遇到了一个问题:我在页面的右上角有下拉菜单，该菜单还有一个子菜单。但是，当子菜单打开时-它不适合窗口，并且向右移动太多，因此用户只能看到第一个字母。如何使该子菜单不是向右打开，而是向左打开？
浏览 3提问于2012-08-30得票数 94
回答已采纳
我目前正在从Bootstrap4 alpha迁移到Bootstrap4稳定。到目前为止，还不错，除了我的模特儿有这个问题。我在任何地方都使用下拉式，包括有很多物品的。以前，滚动器运行得很好。现在没有了:当我滚动时，这是正在滚动的模态过滤器(. modal背景)，而不是下拉列表。
下面是一个完整的页面示例：
浏览 1提问于2018-03-08得票数 3
回答已采纳
7回答
我有一个使用Bootstrap的网站。从技术上讲，我现在使用的是Bootstrap 4。我想在我的页面面向公众的部分利用加速移动页面(AMP)。然而，我有几个错误，我似乎无法摆脱。这让我想知道，我可以将Bootstrap与加速的移动页面一起使用吗？
我甚至可以在加速的移动页面中使用JavaScript吗？Bootstrap在手机上有汉堡包菜单的JavaScript。然而，当我运行验证器时，我看到如下错误：
The attribute 'href' in tag 'link rel=stylesheet for fonts' is set to the inval
浏览 3提问于2016-06-28得票数 13
我是新的角js，我必须打开一个模态对话框，显示一些选定的值。
开式模态
<div modal="showModal" close="cancel()">
<div class="modal-header">
<h4>Modal Dialog</h4>
</div>
<div class="modal-body">
<p>E{{inputValue
浏览 2提问于2015-10-17得票数 2
回答已采纳
4回答
所以我遇到了一个问题，我成功地向左移动，但我在向右移动时遇到了问题--这就是我如何向左移动的原因：
举个例子，我指的是向左和向右移动：
你有一个数组: 1，2，3，4，5，
向左移动1: 2，3，4，5，1，
向右移动一: 5，1，2，3，4，
浏览 0提问于2018-09-23得票数 2
回答已采纳
1回答
Yii2全页加载到情态div
、、、、
我尝试通过模态引导来加载ActiveForm，但图中的模态加载完整页面是。
布局: main.php
...
yii\bootstrap\Modal::begin([
'header' => '<span id="modalHeaderTitle"></span>',
'headerOptions' => ['id' => 'modalHeader'],
'id' => '
浏览 3提问于2015-11-22得票数 0
回答已采纳
1回答
当页面上出现滚动条时，我希望防止页面稍微向左移动。
示例：
显然，它稍微向左移动了一点，我希望这种情况不会发生。
-(如果页面没有加载，请点击刷新按钮。)
浏览 1提问于2011-04-30得票数 0
5回答
我只想创建一个模态页面，它的行为要么是按下浏览器的后退按钮，要么是在模式内的关闭按钮，使用引导程序3。我找到了一个脚本，但是有一个问题。假设我从一个google.com开始，转到这个模态页面，然后按下" modal !“按钮，然后按下浏览器返回按钮，它将关闭模式，如果我再次按后退按钮，它将带我回到google.com (一切都是好的)。但这一次，如果我打开模态页面，并关闭模式使用“关闭”按钮代替。但是现在，我必须按两次后退按钮才能返回到google.com。如果我打开和关闭模态内的关闭按钮，大约10倍。我发现我必须再按10次浏览器返回按钮才能返回到google.com页面。如何解决这个
浏览 5提问于2016-10-28得票数 8
回答已采纳
使用Bootstrap Responsive - HTML看起来像...
<div class="row-fluid Center">
<div id="divMapCanvas" class="span6">
<div id="map_canvas">
</div>
</div>
<div id="divMapPanel" class="span6">
&
浏览 1提问于2012-07-07得票数 0
回答已采纳
我有这个页面上有div "celpage“的绝对位置，其中包含了页面的所有内容，基本上包含4个不同的div并排放置。
我在标题中有四个按钮：
<div id="header">
<ul id="navlist">
<li><a href="" id="Logo" class="Logo"><div id="centeredLogo"></div></a></li>
<li><a
浏览 2提问于2013-09-14得票数 0
1回答
我需要一个包含iframe的模态(这是一个完整的外部页面)来填充一个引导模式窗口，问题是页面非常大，所以我不希望它在触发模态事件之前加载。使用jQuery/Bootstrap可以做到这一点吗？
浏览 2提问于2015-04-14得票数 0
回答已采纳
2回答
制作可重用模态组件的正确方法
、、、、
我找到了几个示例，但它们似乎都与较旧版本的ng-bootstrap相矛盾，或者都是为较早版本的ng-bootstrap设计的。
怎样才能创建一个简单的模态，放在一个通用的文件夹中，然后在一个页面上重用于多个模态呢？我希望传入一个表单组件作为模式的主体。
是的，我已经在官方网站上看到了这个例子。但是它没有考虑在一个页面上有多个模态/模态触发器。它假设你只有一个，并且不需要目标。我需要传入一个id，以便在模式中编辑一段数据并将其保存回数据库。
浏览 1提问于2018-07-27得票数 0
1回答
嗨，我是twitter的新手。我已经为grails安装了插件，我的.gsp文件如下所示：
<html>
<head>
<meta name="layout" content="main"/>
<r:require modules="bootstrap"/>
</head>
<body>
<div class="alert">
<button type="button&#
浏览 1提问于2012-11-09得票数 0
1回答
我正在使用角质材料为html5移动应用程序开发的安卓。但我对模态对话框有一些意见。
预期行为：
如果我打开模态对话框并点击设备'GO‘按钮，模态对话框应该关闭，页面被重定向到另一个视图。
电流行为
模态对话框正在关闭，但页面不会重定向到antoher视图(问题仅在移动中)
控制器
$scope.kycRequest = function(){
$state.go("kycInfo");
$mdDialog.hide();
};
浏览 1提问于2015-09-29得票数 0
回答已采纳
2回答
在我的HTML代码中，我试图在一个模式中创建几个按钮。我要用靴带来做这个。在页脚部分中，我试图在模态(或模态页脚)的宽度中均匀地分割这些按钮。
我可以使用Bootstrap列来实现这一点，但是(包含.col-*类的元素之间)的填充可能有点太大了。我可以指定一个宽度，但这并不能使元素在可用的空间大小之间平均分配。
这就是我迄今为止尝试过的：
$(document).ready(function() {
$(".modal").modal();
});
.foo {
/* Hardcoded width, how could I make it that when ad
浏览 0提问于2019-04-11得票数 1
回答已采纳
当我试图从PhpStorm调用bootstrap.js ()函数时，收到了来自bootstrap.js的警告
未解析函数或方法模态()
据我所知，PhpStorm对这个函数一无所知，所以我转到Preferences > Language & Frameworks ，单击Download按钮并将引导附加到项目。这对我没什么帮助。
此警告影响所有引导JS函数，而不仅仅是模态()。
顺便说一句，引导函数没有自动完成。
模态窗口显示和隐藏良好的页面。因此，只有PhpStorm警告问题。谢谢你的回答。
浏览 2提问于2020-10-25得票数 0
2回答
我正在尝试创建引导模式，这将显示，同时仍然允许用户与其他网站互动。到目前为止，我所做的步骤是：
在模态div中添加data-backdrop="false"以隐藏背景的阴影
增加keyboard: false防止键盘关闭模态
自定义CSS类使对话框显示在右下角：
.modalDialog {位置:固定；底部:20 0px；右:20 0px；边距:0 0px；}
这种改变使模型看起来不阻塞.但是仍然存在页面不可滚动和元素不可点击的问题。我已经在StackOverflow上尝试过这里的大多数答案，但是它们都过时了(对于4之前的Bootstrap版本来说)。
那么
浏览 11提问于2018-01-16得票数 3
回答已采纳
4回答
如何在下拉列表中向左移动箭头
、、、、
我使用的是bootstrap 3.3.7。下面是我的HTML代码： <body>Single select example
<div class="selectRow">
<select id="singleSelectExample">
<option></option>
<option value="1">Option 1</option>
<option
浏览 134提问于2017-04-27得票数 0
回答已采纳
1回答
如何在引导模式中显示溢出内容
、、、、
我在我的web/移动应用程序中使用bootstrap中的模态。我的意图是，当我的模态被触发时，它们会填满整个移动屏幕。我已经添加了一个自定义的css，使我的模态‘全尺寸’。
.modal {
&.full_size {
top: 0;
bottom: 0;
left: 0;
margin-left: 0;
width: 100%;
height: 100%;
}
}
然而，在手机上，虽然我确实成功地看到了全屏模式的显示，但我似乎无法看到全屏模式中“溢出”的内容，即如果内容高度大于我的屏幕高度，我将无法向下滚动查看其余内容。
我如何
浏览 0提问于2013-07-22得票数 2
回答已采纳
1回答
我试图建立一个垂直固定顶部肚脐与引导4 Beta。我已经在网上发现了几个引导v4.0.0-字母表6的例子，但是它们不适用于Bootstrap 4 Beta。我有一个问题，当导航条假定固定的顶部类时，链接和折叠的导航条向左移动。下面是带有代码的html图像的链接：
您可以在以下地址看到菜单行为和代码：
浏览 3提问于2017-08-30得票数 0
1回答
我制作了这个单一的，当我看到它我的移动设备，我拇指向左，网站的宽度稍微移动，就像左边和右边的边缘没有完全包含在设备屏幕中。它不是在DuckDuckGo浏览器上移动，而是在Safari上移动。有人知道如何纠正这个问题吗？
我使用过Bootstrap并尝试用CSS设置正确的元素宽度规范。
浏览 6提问于2022-03-31得票数 0
回答已采纳
我已经看到了这个问题：。但这些答案都帮不了我。
我正在尝试使用ui.bootstrap模块显示模态对话框。这是我的index.html页面
<!doctype html>
<html lang="en" ng-app="app">
<head>
<title>Title</title>
<meta charset="utf-8">
<meta name="viewport" content=
浏览 0提问于2018-09-28得票数 0
回答已采纳
2回答
这是我的页面，如何在表单提交后获得模态。
我想得到模态，因为我需要做这样的任务。对于我的理解来说，这只是简单的练习模式页面。
<?php
if(isset($_POST["btn"]) && $_POST["btn"]=="Submit")
{
?>
<script type="text/javascript">
$(window).load(function()
{
$('#myModal').mo
浏览 5提问于2017-02-16得票数 0
回答已采纳
我想显示模态窗口的点击链接，但也想做ajax请求，以获得对象，需要显示在模态窗口。
我得到响应的内容，需要显示在模态窗口，但它没有弹出作为模态窗口，可能脚本没有被执行。
代码
主页
<%= link_to "New Topic", "#", :class => 'btn primary float-right bootstrap-popover' %>
<div id="modal_form_container"></div>
Javascript代码
$('a.
浏览 6提问于2011-12-12得票数 5
我目前正在引导4中构建一个表单，但是，我无法将标签向左移动，复选框向右移动。
使用bootstrap 4.3.1：
#checkAll { float: right;}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/boot
浏览 2提问于2020-12-16得票数 0
如何将内置的Devise edit_user_registration视图移动到一个模式，以便当用户单击页面上的设置链接时，会显示一个模式，而不是路由到视图的Rails。我正在使用bootstrap，并希望使用他们的代码，但我不确定在rails中将模式视图的内容放在什么位置？
我是否必须覆盖设计路径，甚至是控制器？
在任何布局中都可以通过调用模式...所以
<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>
我最初的想法是用适当的模态元素
浏览 2提问于2012-05-05得票数 0
回答已采纳
我使用的是一个开源的Bootstrap登录页面，它具有弹出式模态。除此之外，我使用的是第三方认证软件，它可以嵌入到任何页面上。 现在，当我将这个登录表单嵌入到任何模态上时，输入的文本字段都不起作用，没有输入任何内容。但是，如果我要在页面上正常嵌入登录表单，它们确实可以工作。 谁能帮助我为什么输入字段不工作弹出的模态，任何我可以解决它吗？ 登录表单嵌入在此处:链接移除，Portfolio >Thread
浏览 8提问于2020-07-17得票数 0
回答已采纳
这里我有两个不同的选项--朋友和服务提供者。我希望在单击这两个选项中的任何一个时，黑色边框能够平滑地向左和向右滑动。当我点击“服务提供商”时，黑色的底部边框必须平滑地向右滑动。当我点击“朋友”时，它应该会平滑地向左滑动。我想实现这一点与CSS的过渡可能是。
请帮帮忙！我将感激不尽。
.container {
max-width: 500px
}
.row {
background-color: #f4f4f4;
border-bottom: 1px solid #dbdbdb;
text-align: center;
border-right: 1px solid #
浏览 1提问于2021-05-16得票数 0
1回答
我有一个项目的列表，出现在我的页面中的一个模式。我希望能够访问每个元素的额外选项(即删除、重命名)，方法是向左滑动list元素以显示下面的选项。
我使用javascript和css translate属性创建了一个工作简单的滑动动画，但是当我滑动它时，元素会离开模态的边缘，我认为这看起来不太好。我希望它停留在模态内，每当它被滑动到左边时，它就在边缘下。
下面是我想要的一张图表：
我的第一个想法是在模态边缘外添加一个彩色框，但这显然会显示模态旁边的一个大方格。也许有一种方法可以“砍掉”元素的一部分。我该怎么做？
浏览 1提问于2022-10-02得票数 0
回答已采纳
1回答
我正在尝试使用Bootstrap html页面，body放大到90%。引导模式显示的是从右边和底部的空格。为了显示这个问题，我把一个基本的html页面的模态在主体90%缩放..。
当你点击打开的模式，你会看到从右和底部的空间为modal..How，我们呈现模态与不额外的空格与身体缩放，90%..Desired输出是模态模糊的背景应该覆盖整个屏幕。模态体应该位于x轴的中心，就好像90%的变焦和100%的变焦一样，只有90%的变焦是小字体。
<!DOCTYPE html>
<html lang="en">
<head>
<title&g
浏览 0提问于2019-05-05得票数 1
回答已采纳
WordPress API有像BootStrap那样的模式对话框吗？
在我的WordPress插件管理页面-插件设置页面访问通过仪表板-我希望有模态对话框出现，并允许用户编辑设置。
WordPress有button、wp-list-table、tablenav等类。我在想，可能也会有一个带有相关Javascript函数的模态对话框类来使其出现和消失？
浏览 0提问于2015-07-23得票数 2
回答已采纳
1回答
我希望在Wordpress中做一个移动web应用。我需要的模板有一个薄的(约3/4英寸)在最顶部的水平矩形部分，可以向左/右滑动作为导航。基本上，每次你向右/向左滑动这一部分，它都会改变它下面的页面。我见过整个页面滑动的模板，但没有像我在这里描述的那样拆分。如果任何人对如何像这样定制模板有任何建议，我将不胜感激。
浏览 2提问于2012-07-12得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
