• 引导程序4：左侧的Flexbox图像，右侧的文本

    我正在尝试通过列或flexbox在以下引导中实现此图像： 基本上，左边必须有965 x 678px的图像，而右边则有浮动的文本，如果您检查下面的小提琴，它将不能正常工作。 我尝试使用Flexbox，但无法正常工作。 这是我的HTML： <section id="golf"> <div class="container"> <div class="d-flex justify-content-start"> <d...
    由 发布于 csshtmltwitter-bootstrap

  • 为什么我的Bootstrap控件不起作用？

    我正在尝试制作一个同时包含3个项目并具有切换到下一个项目的控件的引导轮播。我创建了这个轮播，该轮播确实显示了三个项目，唯一的问题是，单击鼠标时控件无法正常工作，不太确定我所缺少的内容。 I wrote a codepen with an example of my code here. 和下面的我的HTML以供快速参考。 <div class="container"> <div id="casesCarousel" class="carousel slide" data-ride="carousel">...
    由 发布于 cssjavascripthtmltwitter-bootstrapbootstrap-carousel

  • CSS无法生成下拉菜单链接

    您好，我正在尝试在主菜单中创建一个下拉按钮..但我不知道出了什么问题..我尝试了很多示例。 任何人都可以帮我做至少一个链接作为下拉列表.. 顺便说一句，我尝试使用.dropdown作为id和class ..但它仍显示内联..我也尝试了w3school示例。 导航栏CSS .header-nav { background-color: rgba(0, , 6, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.3); left: 0; height: 8...
    由 发布于 csshtmltwitter-bootstrap

  • 我需要这些脚本来使脚本有效，而其他计算

    该示例包含在引导文档中。我需要两个脚本才能工作。第一部分验证所有字段中的数据，第二部分计算数据。但是，只有第二个作品。我需要两个脚本才能工作。 <form class="needs-validation" novalidate> <div class="form-row"> <div class="col-md-6 mb-3"> <label for="validationCustom01">First name</label> <...
    由 发布于 javascripthtmltwitter-bootstrap

  • 在项目悬停时保持DropDown Caret动画

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

  • 我正在尝试将“ +”图标转换为基于“引导”切换的“-”图标

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

  • 自定义点击事件会关闭引导模式框

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

  • 一个对象从引导列中伸出

    Can't understrand why the green donate button isn't symmetrical to center the way the logo on the left is. To paraphrase, why isn't it as far from the right edge of the screen as the logo is from the left one ? <div class="col-1"></div> <di...
    由 发布于 csshtmltwitter-bootstrap

  • Div标签是垂直显示而不是水平显示？

    我有3个div元素，每个元素的宽度为4我想将它们全部对齐为4，我也使用切换按钮显示这些div，因为默认情况下这些div显示为空，但是当我单击切换按钮div时，向他展示问题是div正在显示，但它们垂直显示在三行中，我想在一行中水平显示它们。 <div class="col-lg-4"> <div class="custom-control custom-switch" style="margin-left:25px"> @Html.CheckBox("Select Raw Targets", new...
    由 发布于 cssjavascriptjqueryhtmltwitter-bootstrap

  • Bootstrap崩溃动画不流畅

    我有一个Vue.js项目，正在递归组件上使用Bootstrap折叠。塌陷可以正常工作，但跳动且不平滑，网上有人建议填充可能是问题，但我删除了所有样式，问题仍然存在。 我尝试删除所有填充，但是似乎无法解决问题，任何建议将不胜感激！ Demo: http://grabilla.com/0a50a-342e7df2-bad8-4c57-9c10-92aad292396f.html .media-buttons { margin-top: 5px; margin-bottom: 20px; } ...
    由 发布于 cssjavascripthtmltwitter-bootstrapvue.js

  • 数据库项作为引导4卡

    如标题所述，我正在处理产品草稿，将产品插入手风琴中以使其折叠。问题是我用PHP循环为每个数据库行在可折叠的手风琴中插入一个新的产品卡，但是对齐方式不是我所希望的，它要并排放置，直到没有空间画另一个产品卡然后逃脱下一行。 <html> <head><title>Project</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">...
    由 发布于 phpcsshtmltwitter-bootstrap

  • bootstrap 4崩溃无法与jQuery缩小版本一起使用

    我想将jquery FadeOut效果添加到徽章，但是问题是（效果或功能）需求 缩小版（完整版），因此我将苗条CDN替换为完整版（3.5.0）CDN，然后 引导程序4（崩溃类）停止工作。 代码：-包括 <head> <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet"> <link rel="stylesheet" href="https://cdnjs.cloudfla...
    由 发布于 cssjavascriptjqueryhtmltwitter-bootstrap

  • 尽管加载了CSS，CSS ID选择器仍无法与引导程序一起使用？

    我正在使用引导程序来处理我的网站。 当然，在某些情况下，引导程序可能不够用或缺乏灵活性。 在这些情况下，我们将要使用自定义CSS。 但是，当我使用CSS时，没有任何区别。 例如： 我有一张图片 {% extends "base.html" %} . . . <div class="container"> <div class="row"> <img src="https://cdn.dribbble.com/users/3858/screenshots/5909706/stackov...
    由 发布于 csshtmltwitter-bootstrapcss-selectorsbootstrap-4
公告

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

关注公众号订阅更多技术干货！ 魅力技术资源分析

皖ICP备20001190号-1 | 皖公网安备 34010402701991号 | 友链 | 隐私服务协议

ShareTo