• 导航栏品牌文本锁定后只能单击一次,无法再次单击

    我要创建它,以便您可以单击导航栏品牌文本,但是只能单击一次,一旦它起作用,它将重定向到正确的位置。之后,它就放弃了。 我尝试了所有操作,但无法正常工作。 <!DOCTYPE html> <html lang="hu"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="autho...
  • 为什么jquery Mmenu在PC上以响应模式溢出,而在iphone上却没有?

    我正在使用mmenu设置在移动设备上使用的过滤器。开发时遇到的问题是,每当我单击菜单中的任何内容时,菜单就会溢出。仅当在浏览器中处于移动响应模式时,才发生这种情况,在实际的iPhone上,它可以正常工作。 Before click: After click: 该站点有2个菜单,一个用于引导导航,另一个用于此过滤器。引导导航的效果很好。 导航代码: <div id="filterHolder"> <nav id="clinicFilter"> <div id="settings">...
  • 在Bootstrap网格布局和页面之间挣扎

    我对引导程序很陌生,遇到一些不确定的问题,该如何解决。 For starters, I'm unsure of my page is so large...? I want the end of the page to be where the up and down scroller is but as you can see at the bottom, I can scroll the page way over: 当我在页面上滚动时,它只是空白。 The other issue I'm havin...
  • 想实施猫头鹰轮播,但是,但是

    我正在尝试使用django和bootstrap创建一个网站。我将base.html扩展为index.html。我已经在base.html中实现了navbar(来自bootstrap),并且想要在index.html中实现owl carousel。 base.html和index.html都在我项目的模板文件夹中。我尝试将owl.carousel等css和js文件放入 <!-- THIS IS base.html--> <!doctype html> <html lang="en"> <head> ...
  • 我的引导导航栏是白色的?但是我想要一个透明的导航栏

    有人可以帮我找到为什么无法将Navbar更改为透明的解决方案吗? 我的引导导航栏是白色的,但我希望它是透明的-我希望导航栏是其下方横幅图像的颜色。但是,即使我使用!important,它仍然保持白色吗?请帮助我摆脱Navbar背景色。 my navbar 我的HTML <header id="header"> <nav class="navbar navbar-expand-lg px-4"> <a href="#" class="navbar-brand"> <img src="img/l...
  • 引导程序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...
公告

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

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