- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<title>Hello, world!</title>
<style>
html,body{
position: relative;
.carousel-caption {
position: absolute;
top:113px;
left:150px;
}
.carousel-inner img {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div id="demo" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0" class="active"></li>
<li data-target="#demo" data-slide-to="1"></li>
</ul>
<!-- The slideshow -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./images/ibm commerce background.png" alt="" width="" height="">
<div class="carousel-caption">
<h3 class="text-left">LOREM / IPSUM</h3>
<h2 class="text-left">UNIVERSAL
<br>
LOREM
</h2>
<h3 class="text-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</h3>
</div>
</div>
<div class="carousel-item">
<img src="./images/ibm commerce.png" alt="" width="" height="">
<div class="carousel-caption">
<h3 class="text-left">THE ALL NEW</h3>
<h2 class="text-left">LOREM
<br>
IPSUM
<br>
DOLOR v9</h2>
<h3 class="text-left">IS HERE !</h3>
<h3 class="text-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </h3>
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</body>
</html>
我是 bootstrap 4 的新手,我正面临一个特殊问题。在我的案例中,旋转木马字幕将显示在左侧。那么在桌面模式下,我已经尝试过绝对定位并且显示效果很好。但是当我为移动设备做响应模式时,它显示得很奇怪。我已经为这些提供了屏幕截图。
所以我的问题是我是否必须为位置和字体编写媒体查询,或者 Bootstrap 会处理它。任何人都可以在这方面指导我,或者至少展示一个片段如何响应所有屏幕尺寸。这将是巨大的帮助。
最佳答案
当你使用 position: absolute您需要确保您的类(class)有一个父类(class),并且它有属性 position relative 这就是 position absolute 工作的方式
关于html - Bootstrap Carousel Captions 文本没有响应且无法在左侧定位,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51482657/
我正在使用插件调用Responsive Lightbox以及其中的 Swipbox 布局。它工作正常,但标题没有按照我的意愿出现。要使其显示,您需要在图像的链接上包含标题属性。对于网站上的博主来说,这
我希望能够淡入我的 .orbit-caption 中的某些单个元素(例如 h2 或按钮)。我已经尝试将 CSS3 应用于 .orbit-caption 和单个元素,但没有任何效果......有什么想法
我创建了一个自定义 View VerticalTextView,如下所示。 public class VerticalTextView extends AppCompatTextView { pr
预期结果: https://imgur.com/P89k9Oy 进度: https://jsfiddle.net/zigzag/2Lptu49k/5/ 问题:我可以看到透明区域的窄带,但无法完全覆盖字
我有一个脚本可以设置一些范围,然后创建一个图表。一切顺利,直到 .Axes(xlCategory, xlPrimary).Caption = "Time from Sent to Rec'd"我收到错
我可以填充 和 中的元素位于表中的元素?在浏览器中它看起来不错,但是可以这样做吗? 最佳答案 当然。任何流内容 - 即您可以直接在 下拥有的相同元素- 除了 在 中很好元素。 关于html -
我正在显示 中的一些内容. somecontent 如何添加当用户将鼠标悬停在 上时出现的标题? 最佳答案 如果您接受浏览器的默认格式,最简单的方法是添加“title”属性。 Some con
我的vba有小问题。我是vba的新手。所以请在这件事上帮助我。 我有两个像图片一样的用户表单。 Userform1 Userform2 用户表单 1 的以下代码 Private Sub Command
再会。 代码: Pays bootstrap.css 中的什么类将对齐 中的文本向左转? 如果可以在 中给我完整描述格式文本的链接 最佳答案 从 2 月 7 日发布的 Bootstrap 2.
我想知道我们是否可以做一些更优化的事情,而不仅仅是多次嵌套 setTimeout 来为一堆元素一个接一个地设置动画,就像这个丑陋的东西: setTimeout(function () {
我在 Drupal。叹。表的输出带有 ,没有类/id,所以我尝试将“new”一词附加到表格的标题中,但前提是该表格包含以“GW6D”开头的产品.. 由于表格是通过 View 动态输出的,因此我无法访
WordPress 在出现标题时向 .wp-caption 容器添加额外的 10px。我正在尝试使用 jQuery 删除多余的 10px。感谢 this question 中的答案,我能够做到这一点,
我有一点问题,我必须为我的图像添加标题,该图像具有不透明度为 0.65 的透明背景和黑色,我添加了一个还没有背景效果的标题,需要尽快帮助。先感谢您。这是我的代码 Gadgets and Acc
我有一个 jssor slider ,我想为第一张幻灯片制作动画,我希望两个图像来自两侧并集成在中心。 我为每个图像使用一个 div,并为每个 div 提供一个标题,效果很好,但第二个在第一个到达中心
我的 HTML 是这样的: Table 1.1: TABLE CAPTION ... ... ... 我需要获取标题文本,以便进行一些字符串比较。我尝试过 .val()、.text()、.html(
我正在制作我的索引页,它是带有标题的图像 block 。实际图像是彩色的,但我将它们设置为可以加载黑色/白色。当它们悬停时,它们会变色。但是,当我将鼠标悬停在图像上时,它会变成彩色,但“figurec
使用带字幕的全宽标题轮播显示图像而不是字幕。从早上开始就试图找出答案,但无法找到。 please check jsfiddle html, body { height: 100%; } /* You
我可以使用 吗?表格内的标签?如果不是,为什么不呢? 例子: description name: 最佳答案 您真的尝试过吗? 答案:不。(好吧,你可以,但它会违反标准)。 元素用于为表格添加
我在R中创建了一个数据框,其中第2列包含每行从YouTube提取的URL。下载了youtubecaption程序包,并希望将“get_caption()”函数应用于具有网址的列中的每一行。这是因为我想
如何设置ListView.Item.Caption的字体颜色、字体样式和背景颜色?我的代码(如下图所示)无法正常工作。 procedure TFMainForm.ListView1CustomDraw
我是一名优秀的程序员,十分优秀!