bootstrap-4_编程技术问答社区_程序员问答知识库

以下是关于 bootstrap-4 的编程技术问答

表单字段条件下的验证

我正在尝试验证表单上的某些字段如果满足某个条件，则条件是如果单击复选框，则需要下面的字段，并且必须强制使用，如果不是，则该字段不是强制性的. 解决方案后端验证您可以使用required_if laravel验证规则 $validator = Validator::make($request->all(), [ 'checkbox_field' => 'required|boolean', 'otherField' => 'required_if:checkbox_field,1', // same for other fields ]); if ($validator->fails()) { dd('Validation Error.', $validator->errors()); } $validatedData = $validator->validated(); fron-end验证您也可以使用jQuer

0 2023-06-02 编程技术问答社区 javascript php laravel bootstrap-4

为什么选择选项不显示号码？

我有一些问题.我的库存量大尺寸为" 100-199"的选择选项仅显示: 如果我的产品中有库存为1-99和200-999，我没有遇到此错误.选择选项很好，显示一个数字.在我的情况下这是我的DB: 这是我的控制器: $data['stock'] = $this->Product_model->get_product_all($id); 这是我的模型: public function get_product_all($id){ $this->db->select('products_shirt.*'); $this->db->from('products_shirt'); $query = $this->db->get(); return $query->row_array(); 这是查看代码:

0 2023-06-02 编程技术问答社区 javascript php codeigniter bootstrap-4

自动将文本内容分割成偶数列

找不到任何文档来查看是否已经这样做.我想可以通过JavaScript或PHP.我会解释一下我想完成的工作: 假设我正在使用说我在html中有以下内容: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce bibendum posuere porta. Sed vitae dictum odio. Quisque nec rhoncus justo. Sed tempus pharetra convallis. Nunc rhoncus nibh nisi, eget lobortis nisl efficitur eget. Fusce nec tincidunt felis, id tempor arcu. Interdum et malesuada fames ac ante ipsum pr

0 2023-06-01 编程技术问答社区 javascript php bootstrap-4 responsive

在laravel中动态地设置菜单项的活动类别

我正在使用Bootstrap 4创建Laravel应用程序. 我在app.blade.php中有我的主要导航菜单.而且我有四个主要的刀片，即产品，联系人和博客. 然后，我需要根据当前页面更改菜单项活动类.当菜单从app.blade.php中动态加载时，我必须在导航菜单中动态设置当前页面的活动类. 我所做的是在我定义一个称为$currentpage的每个刀片中，并在其中分配页名，假设它是blog.blade.php @extends('layouts.app') @section('content') 和app.blade.php，

0 2023-05-31 编程技术问答社区 php laravel laravel-5 bootstrap-4 navigation

移除Woocommerce中结账字段包装器的标准css类

我正在建立一个基于WordPress和WooCommerce的电子商务网站.到目前为止，一切都很好，但是在Chec-Out的最后一页(计费和运输)中，WooCommerce的标准类别正在干预Bootstrap 4的标记. 计费形式中的每个字段均由标签包裹，至少具有类形式的划线(即): class="form-row form-row-first" 这会使标准BS网格的"跌落"形式. 任何人都知道如何删除这些包装程序? 感谢一堆，欢呼，尼基解决方案要从标签字段容器清洁class="form-row form-row-first"，以下代码将在结帐字段上完成工作: add_filter('woocommerce_form_field_country', 'clean_checkout_fields_class_attribute_values', 20, 4); add_filter('woocommerce_form_fie

0 2023-05-31 编程技术问答社区 php wordpress woocommerce bootstrap-4 checkout

从7.9.2更新到Laravel 8.x后, $user -＞ links() 在用户界面上有问题, bootstrap可能

我将Laravel项目从7.9.2更新为8.x.一切正常，除了前端的这一部分(越野车)似乎是Bootstrap的问题，也许是一个问题，您知道为什么吗?下一个页面和上文页面的箭头时，当我使用$ user-> links()$ users = users = user :: paginate(20)之后，我使用$ user-> links();是越野车.请参阅这些图片，请帮助我: 在更新到Laravel 8.x 之前更新为Laravel 8.x 解决方案默认情况下，Laravel-8将tailavel-8用作CSS框架，但是如果您从以前的版本中升级了应用程序，则可以将Bootstrap作为应用程序的默认CSS框架. . 只需在 appserviceprovider 文件中添加以下代码和所有设置: use Illuminate\Pagination\Paginator; Paginator::useBootstrap(); *//this line w

0 2023-05-30 编程技术问答社区 php laravel bootstrap-4

PHP Bootstrap 4导航菜单与子菜单's

原始帖子我想在带有bootstrap的PHP中创建一个导航菜单.问题是的一个不正确(dropdown的一个是不正确的，它不会成为下拉列表，而只是正常nav-item).如果您想使用和进行普通菜单，则此代码可以正常工作，但是使用Bootstrap，您需要在ID 2的nav-item dropdown上具有nav-item dropdown 2命名Dropdown.我该怎么做? 我希望这足够的信息. 这是阵列(): array (size=3) 0 => array (size=5) 0 => array (size=3) 'id' => string '1' (length=1) 'menu_naam' => string 'Home' (length=4) 'parent_id' => string '0' (length=1)

0 2023-05-29 编程技术问答社区 php html pdo bootstrap-4

我如何修复这个循环以使用bootstrap carousel显示我的数据库中的图片？

我尝试使用bootstrap旋转木马来显示我数据库中的图像，但我的循环似乎有些问题... message(" please select an image."); redirect_to('list_properties.php'); } $id = $_GET['id']; $sql = "SELECT * FROM pictures2 WHERE photograph_id='$id';"; $photos = Picture::find_by_sql($sql); ?> 从数据库中获取都是正确的，但是在幻灯片中显示图像的循环显示一个图像，仅在第一幻灯片和第二个幻灯片之间显示幻灯片循环.

0 2023-05-29 编程技术问答社区 php mysql bootstrap-4

如果有无效的字段，Bootstrap的JavaScript可以禁用表单提交，其余的表单不能按预期工作。

我正在使用Bootstrap版本4.Index.php包含以下联系表.我希望用户在单击提交时看到验证消息以将注意力集中在他们错过的所需字段上.例如，当用户击中提交而不填写任何字段时，用户看到以下是我要实现的行为，而我目前有: [请注意，要在这篇文章中节省空间，可以通过单击运行代码段 ] 显示所有图像在触点表格: index.php Contact form

0 2023-05-28 编程技术问答社区 javascript php jquery bootstrap-4

Bootstrap 4 导航栏固定在内容上方

我正在使用Bootstrap4固定式NAVBAR，在普通浏览器中正常工作. 但是，当我在移动设备上测试(使用Chrome Dev选项的Galaxy S5)时，内容始于NAV栏后面时，我尝试了CSS中的一些填充，但我似乎无法使其正常工作. 下面是HTML和CSS的JSFIDDLE，页面内容在固定顶型NAV栏后面开始. 也是我的CSS html, body { height: 100%; } body { display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex-align: center; -ms-flex-pack: center; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding

0 2023-05-28 编程技术问答社区 php html css bootstrap-4 navbar

具有完整性和跨源的Wordpress脚本

我正在尝试使用wp_register_script和wp_enqueue_script在WordPress上使用脚本，该脚本具有两个属性:"完整性"和" crossorigin". 通常我使用PHP，我的代码看起来像: wp_register_script('jquery', 'http' . ($_SERVER['SERVER_PORT'] == 443 ? 's' : '') . '://code.jquery.com/jquery-3.1.1.slim.min.js', false, null); wp_enqueue_script('jquery'); 使用任何其他脚本. wp_register_script采用五个参数(在这种情况下为四个)$ handle，$ src，$ deps，$ ver($媒体).我想知道可以在哪里添加两个属性.我已经尝试了: wp_register_script('jquery', 'http' . ($_SERVER['SERV

0 2023-05-28 编程技术问答社区 php wordpress bootstrap-4 integrity

在bootstrap 4中使用本地存储在页面刷新时保持活动标签？

我正在尝试在页面刷新中保持"选定"选项卡的活动.但是，当我无法在Bootstrap 4中找到对选项卡的任何解决方案时，我试图根据Bootstrap 3解决方案进行更改，但无效.请帮助我. html MENU1 MENU2 这是我使

0 2023-05-27 编程技术问答社区 javascript php html local-storage bootstrap-4

按钮的点击事件在iOS中不工作，除非你离开应用程序并返回，然后它就工作了。

用新信息更改问题以前我问了下面的问题.但是更多详细信息显示，如果您转到切换到其他应用程序，请解开应用程序(可能不是正确的术语)，然后选择该应用程序，则按钮可以工作.如果您关闭应用程序并重新启动，则不再起作用.很奇怪.我正在本段下方发布完整的页面代码，下面的所有内容都是-------行下的旧问题和部分代码

0 2023-05-25 编程技术问答社区 jquery ios html bootstrap-4 phonegap

我想改变Bootstrap汉堡包的聋哑图标

我想更改Bootstrap Hamburger DeAfult图标，但我不知道如何. 这是我的代码: 解决方案您只能添加这样的CSS属性. .navbar-toggler-icon{ background-image: url(https://cdn4.iconfinder.com/data/icons/social-messaging-ui-color-shapes-2-fre

6 2023-05-22 编程技术问答社区 html bootstrap-4

Bootstrap 4.0.0右对齐的导航栏下拉菜单在打开时走出视口

有没有办法使用Bootstrap 4.0.0解决此问题?我希望打开的下拉菜单的右边缘与下拉式切换按钮的右侧对齐.这是一张图片，因此您可以看到它当前的出现方式. 代码: CS50Net {{ session.username }}

10 2023-05-22 编程技术问答社区 html css twitter-bootstrap bootstrap-4

如何使用Boostrap 4垂直拉伸这个行的div，以达到容器的宽度？

如果我放置class="col"，它会降低表宽度，并且由于有很多列，每个CM都很重要. 如果我将其设置为class="row"，尽管我应用了class="row d-flex flex-wrap align-items-center align-items-stretch，但它不会垂直拉伸，因此我可以充分利用屏幕中的空间. 当将其设置为row时这是html的部分:

12 2023-05-22 编程技术问答社区 html css bootstrap-4

如何防止文本改变其他元素的高度

我有两个div，并希望在同一位置显示两个Divs的内容.由于第一div中的文本更长，并且会影响身体含量的位置，因此两个div看起来不一样.我想要第二div身体内容的位置，例如第一div身体含量.请参阅我已附加的SS. Bootstrap demo

6 2023-05-16 编程技术问答社区 html css twitter-bootstrap bootstrap-4 bootstrap-5

如何为react-bootstrap标签组件放置一个工具提示

我有三个选项卡，我需要在悬停在这些选项卡上放置一个工具提示，我正在使用bootstrap选项卡.(它是一个react应用程序.) import { Tabs,Tab} from "react-bootstrap"; // inside return 我需要每当将鼠标指针放置在选项卡标题上时，就需要一个工具提示，例如，当鼠标指针在托管选项卡上时，我需要一个工具提示. 这是标签

6 2023-05-16 编程技术问答社区 javascript html reactjs bootstrap-4 react-bootstrap

如何在占位符中设计出字体超棒的图标？

你好，我想更改占位符的字体真棒图标的颜色，但是当我更改占位符的颜色时，它也会改变文本的颜色如何自定义颜色图标? 有人知道怎么办吗? 解决方案您可以考虑使用背景着色与:placeholder-shown 的技巧 input { font-size:40px; margin:5px; } input:placeholder-shown { color:transparent; background:linear-gradient(to right, red 1.2em,#000 0); /* you may need to adjust the 1.2em based on your case */ -webkit-background-cli

6 2023-05-16 编程技术问答社区 html css bootstrap-4

Bootstrap突然对我的React JS项目不起作用了

blue Bootstrap不再从事我的项目.我不知道为什么. 这是我们的软件包.JSON: { "name": "blankets", "version": "0.1.0", "private": true, "dependencies": { "amazon-cognito-identity-js": "^1.26.0", "aws-sdk": "^2.151.0", "bootstrap": "^4.0.0", "jwt-decode": "^2.2.0", "prop-types": "^15.6.0", "react": "^16.1.1", "react-bootstrap": "^0.31.5", "react-dom": "^16.1.1", "react-router-dom": "^4.2.2", "react-scripts": "1.0.17",

0 2023-05-16 编程技术问答社区 node.js reactjs bootstrap-4 react-bootstrap package.json

首页
<
1
2
3
4
5
6
7
8
>
尾页