- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
预期结果: https://imgur.com/P89k9Oy
进度:
https://jsfiddle.net/zigzag/2Lptu49k/5/
问题:我可以看到透明区域的窄带,但无法完全覆盖字幕区域。是什么赋予了。感谢您的帮助!
代码:
<div class="container">
<div class="row">
<div class="col-sm-4 tile">
<div class="row">
<div class="col-sm-12" style="text-align:center">
<span class="glyphicon glyphicon-headphones"></span>
</div>
</div>
<div class="row caption">
<div class="col-sm-6" style="text-align:center">
One
</div>
<div class="col-sm-6" style="text-align:center">
Two
</div>
</div>
</div>
<div class="col-sm-4 tile">
<div class="row">
<div class="col-sm-12" style="text-align:center">
<span class="glyphicon glyphicon-headphones"></span>
</div>
</div>
<div class="row caption">
<div class="col-sm-6" style="text-align:center">
One
</div>
<div class="col-sm-6" style="text-align:center">
Two
</div>
</div>
</div>
<div class="col-sm-4 tile">
<div class="row">
<div class="col-sm-12" style="text-align:center">
<span class="glyphicon glyphicon-headphones"></span>
</div>
</div>
<div class="row caption">
<div class="col-sm-6" style="text-align:center">
One
</div>
<div class="col-sm-6" style="text-align:center">
Two
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4 tile">
<div class="row">
<div class="col-sm-12" style="text-align:center">
<span class="glyphicon glyphicon-headphones"></span>
</div>
</div>
<div class="row caption">
<div class="col-sm-6" style="text-align:center">
One
</div>
<div class="col-sm-6" style="text-align:center">
Two
</div>
</div>
</div>
<div class="col-sm-4 tile">
<div class="row">
<div class="col-sm-12" style="text-align:center">
<span class="glyphicon glyphicon-headphones"></span>
</div>
</div>
<div class="row caption">
<div class="col-sm-6" style="text-align:center">
One
</div>
<div class="col-sm-6" style="text-align:center">
Two
</div>
</div>
</div>
<div class="col-sm-4 tile">
<div class="row">
<div class="col-sm-12" style="text-align:center">
<span class="glyphicon glyphicon-headphones"></span>
</div>
</div>
<div class="row caption">
<div class="col-sm-6" style="text-align:center">
One
</div>
<div class="col-sm-6" style="text-align:center">
Two
</div>
</div>
</div>
</div>
真正忽略第一行之后的代码细节。一旦我弄对了一 block 瓷砖,我希望它们都能正常工作。
我希望我真的可以使用一些简单的方法来解决这个问题。我查找了类似的问题并试图将它们放在一起,但我认为这有点不足。
最佳答案
尝试这样的事情-
.head {
height: 70px;
background: #CCC;
}
.tail {
height: 30px;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="clearfix">
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<div class="clearfix thumbnail">
<div class="col-md-12">
<div class="row head">
<div class="col-md-12">
IMAGE
</div>
</div>
<div class="row tail">
<div class="col-xs-6">
Title
</div>
<div class="col-xs-6">
Desc
</div>
</div>
</div>
</div>
</div>
<div class="col-xs-3 col-sm-3 col-md-3 col-lg-3">
<div class="clearfix thumbnail">
<div class="col-md-12">
<div class="row head">
<div class="col-md-12">
IMAGE
</div>
</div>
<div class="row tail">
<div class="col-xs-6">
Title
</div>
<div class="col-xs-6">
desc
</div>
</div>
</div>
</div>
</div>
</div>
关于html - 如何: Using Bootstrapv3 to create thumbnail layout with caption where caption is contained within the image,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47527424/
我正在使用插件调用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
我是一名优秀的程序员,十分优秀!