• 引导程序4:阻止向右移动的列(使用最小宽度为1200px的浮点数)将另一列向下推

    可能在其他地方已经回答了这个问题,但是我查看了其他帖子的负载,除了以下内容,我看不到直接相关的答案: Bootstrap: move div from one column to another, order counts for mobile devices 这确实很有帮助,但对我来说不起作用,我不确定自己在做什么。 基本上,我已经做到了要使列向右移动的目的(使用使列“向右浮动”的媒体查询),并采用了“移动优先”的方法来实现这一点。但是,问题在于它(绿色“技能”列)迫使我的另一列(红色“角色机会”列)在“...
  • Bootstrap导航栏不会折叠并且没有响应

    嗨,我是一个非常初学者。 我正在尝试使用Bootstrap创建一个响应式导航栏,但它根本不响应。 导航栏不会折叠我的元素。 导航栏中的元素未居中对齐 我设置了一个容器流体,但它的元素并未扩散。 我希望当我单击汉堡菜单时仅显示我的导航链接。 我完全迷路了。`有人可以帮助我吗? 谢谢 <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s...
  • 多语言站点,一页设计引导程序和JQuery

    因此,我有一个网站,该网站使用模板进行一页纸设计,网址为www.tcckonsult.com 我想同时提供英语和西班牙语版本,并希望通过子域访问子目录,因为它只是两种语言,这似乎是最简单的方法。 我在网站上创建了一个/ en文件夹,并复制了索引文件,并使用../更改了所有路径,以用于图像,css和脚本,并希望能做到最好。然而.. 我的JS文件有问题。我在开发工具中遇到以下错误 jquery-3.5.1.slim.min.js:2 Uncaught TypeError: $(...).delay(...).f...
  • 如何防止Navbar下拉菜单与其余内容重叠?

    我正在为项目使用bootstrap 4。 切换导航栏时,它会与它后面的内容重叠,如何使其余内容向下移动以适应下拉菜单? 我在身体上增加了50px的边距。 我不知道为什么片段显示标题有点透明。 该网站在我的浏览器中的外观如下: .row-header { margin: 0px auto; padding: 0px; } body { padding: 50px 0px 0px 0px; z-index: 0; } .navbar-dark { background-color:...
  • 添加了div叠加母亲div

    我有一个母亲div,其中添加了儿童div。我使用分页设置为五个。 在大屏幕上,一切都很好,但在较小的设备(分辨率为1920x1080像素的14.00英寸显示屏)上,子div会覆盖底部的母div。 孩子div的整个高度可以根据显示的孩子div的数量而有所不同(1、2、3、4或5) 这是我母亲div的CSS: header.nav_masthead { padding-top: 6.5rem; background-color: #345a61; background-size: co...
  • 在项目悬停时保持DropDown Caret动画

    我有一个BS4下拉元素,并且为切换右边的小插入符号设置了动画。到目前为止,这种方法效果很好,但前提是鼠标悬停在下拉菜单项上。当我将鼠标悬停在子菜单项上时,插入符号会旋转回去。在鼠标离开下拉菜单和下拉菜单之前,不会发生这种情况。 html { font-family: Arial; font-size: 1.4rem; line-height: 1.4rem; } .dropdown { display: inline-block; padding: 0 7px; } .dropd...
  • 我正在尝试将“ +”图标转换为基于“引导”切换的“-”图标

    我有几行文字,当单击时,会有更多文字下拉到下面。我有几个正在使用的Bootstrap图标,并且尝试在折叠开关折叠时显示“ +”图标,在打开时显示“-”图标。我也在使用Bootstrap进行切换。我想也许有一套可以显示:没有另一种可以看见,但是我似乎不知道该怎么做。预先感谢您的任何帮助。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de...
  • Bootstrap 4导航面不光滑/生涩/毛刺

    我正在尝试使用Bootstrap 4从右边导航获取一个不错的幻灯片,但是真的很生涩。这是我的代码: var videoWidth = 1280; var video = $(".video-container video").attr("srcdesk"); if($(window).width() < 721) { videoWidth = 720; video = $(".video-container video").attr("srcmob"); ...
  • 填满引导导航栏的整个宽度

    so I'll get straight to it, I'm using Bootstrap 4 trying to fill the entire with of my navbar (minus the margin). I understand this question has been asked before, I first viewed a post here and tried using the .nav-fill class to accomplish this, but that ...
  • 使用CSS自定义HTML文件

    我在使用自己的自定义css文件时遇到了麻烦,而我也在使用引导程序。问题是我无法使用类更改文本的颜色,并且文本保持黑色。 base.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>{% block title %}{% endblock %}</title> {% block styles %} {% endblock %} <link rel="styleshee...
  • Bootstrap Carousel示例不显示文本

    大家好,我正在研究一些引导带功能,并且轮播元素有问题。 I am trying to use this example -> https://getbootstrap.com/docs/4.5/examples/carousel/ and the issue that I am having is that my code has the carousel but the text above the blue button is not showing up... What my page looks ...
  • 输入字段的表单处理

    我的表单有50个选择字段,我想每行有5个,与上一行的间距相等。 我的下拉菜单与第一行和第二行匹配。 But my actual code is having equal spacing in current line but does not match with previous line. Please check the image for my issuse {% extends "layout.html"%} {%block contents%} <center><span class="lab...
  • 如何将不同的CSS样式应用于同一页面上的两个不同的表单元素?

    我正在尝试创建一个带有搜索栏的网页,该搜索栏的顶部具有自己的样式,然后稍后在该页面中使用django和crispy表单创建表单。目前,搜索栏的样式适用于表单的样式,但我不希望这样。我想使用引导程序脆皮表单来设置表单样式,并使用自己的自定义CSS来设置搜索栏的样式。 (搜索栏被编码为带有输入的表单。) 我尝试对html头中的链接进行重新排序,首先是引导程序,其次是搜索栏,反之亦然,这并没有影响任何事情,只是加深了我的搜索栏的位置。我曾尝试用单独的ID和单独的类将这两种形式包装在div中,但这也没有用。我尝试给...
  • 如何从引导4的nav-tab中删除底线?

    In my menu when you select an item in my vertical nav you can see a little border below of the item HERE, how can I delete that border? I tried this but didn't work too .nav-tabs li, .nav-tabs li a { border-bottom: none; } 边框图片 https://www.screencast....
  • 自定义点击事件会关闭引导模式框

    我正在使用引导模态框。我有一个下拉li项目,它是dropdown,并且在该下拉菜单中我有更多按钮。我正在使用此按钮,所以当我单击该按钮时,我需要显示更多项目。问题是当我单击我的按钮将关闭整个模式框。当我单击getMoreNotificationsHandler函数时,它将在控制台中被打印为“已单击”,但模式框已关闭。我遇到此问题的组件作为其他子项插入零件。 //The component where i have the problem - app-notification-message - child ...
  • jQuery .height()错误

    我正在尝试使div的边缘倾斜,因为页面应该响应,所以倾斜度需要调整。但是,在我已经归档的所有屏幕尺寸上,角度应始终相同。我的问题是由于某种原因,$('#slope')。height()并不总是返回正确的高度,而是在调整窗口大小或切换选项卡时出现故障。 的HTML <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet...
公告

欢迎访问 goshare  点击这里设置您的邮箱  可以接收站内跟帖、回复邮件提醒,不错过任何一条消息。

关注公众号订阅更多技术干货! 码农俱乐部