- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我很好奇如何制作 100% 正确的填充。图片上的文字必须遵循蓝线。这意味着“kvalifikationsbeskrivelse”、“Indhold”和文本必须与“Slides fra forelæsninger”保持一致。
目前我猜测 padding-left: 20px; ,但这不会是正确的。有没有一种聪明的方法可以在 CSS 中做到这一点?
最佳答案
你把标记搞得一团糟。
<section class="portfolio">
) 中找到: <div class="col-md-12 col-sm-12 col-xs-12">
<h4 class="h4 courses">Slides Fra Forelæsninger</h4>
<hr>
</div>
并用<div class="row">
包裹起来像这样:
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<h4 class="h4 courses">Slides Fra Forelæsninger</h4>
<hr>
</div>
</div>
<section class="portfolio">
): <section class="portfolio">
<div class="container">
<div class="row">...</div>
<div class="row">...</div>
<div class="row">...</div>
</div>
</section>
将其更改为:
<div class="row">...</div>
<div class="row">...</div>
<div class="row">...</div>
所以基本上只是去掉包装 <section>
和 <div>
标签。
使用 bootstrap 的经验法则是遵循文档的结构:
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">...</div>
</div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">...</div>
</div>
...
</div>
标记损坏的原因是您反复调用 <section class="portfolio">
和 <div class="container">
实际上应该只调用一次。加强理论结帐Bootstrap Grid节
您可以获取代码并替换您的标记:
<!-- begin portfolio section -->
<section class="portfolio">
PASTE THE CODE
</section>
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<!-- Kursus beskrivelse -->
<h4>Kvalifikationsbeskrivelse</h4>
<p>
Deltagerne vil efter kurset have et grundlag for at forstå den historiske udvikling i forhold til design som en skabende
praksis og dets samvirken med den samfundsmæssige udvikling. Perspektivere forskellige design tilgange, og deraf følgende
designteorier typisk båret af idealer og politiske perspektiver. Kursets arbejdsform vil også træne deltagernes evne
til at formidle og kommunikere faglige problemstillinger. Deltagerne skal ved afslutningen af kurset kunne:
</p>
<ul>
<li class="courses">Identificere forskellige designretninger og teorier i hverdags produkter og services.</li>
<li class="courses">Reflektere over forskellige design teoriers styrker og svagheder.</li>
<li class="courses">Anvende data, illustrationer og interaktive kvaliteter på tværs af programpakker til digital præsentation og illustration
af et pervasive computing artefakt eller miljø.</li>
</ul>
<h4>Indhold</h4>
<p>
På trods af at de forskellige designperspektiver havde deres storhed på bestemte tidspunkter er de alle at finde i mere eller
mindre rendyrket grad i de produkter vi omgiver os med til hverdag. Kurset vil introducere de fremherskende 'designskoler'
(e.g. Bauhaus, Ulm, Cranbrook) og deres tænkning op gennem det 20 århundrede.
</p>
</div>
</div>
<!-- Forelæsninger slides -->
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<h4 class="h4 courses">Slides Fra Forelæsninger</h4>
<hr>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="/courses/AU-pensum/designteori-og-historie/forelaesninger-slides/2art_nov2.pdf" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/courses/au/designteori-og-historie/forelaesninger-slides/frihedskamp-og-fremtidsforelskelse.jpg" alt="Designteori">
</div>
</a>
<div class="block-data">
<h3>
Frihedskamp Og Fremtidsforelskelse
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image1.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red Pepper on Wood
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image3.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
People on Overlook
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image4.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Camera Vintage Style
</h3>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image5.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red & White Tire Stack
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image6.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Appointment with Client
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image1.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red Pepper on Wood
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image3.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
People on Overlook
</h3>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image4.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Camera Vintage Style
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image2.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Football in Grass
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image5.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red & White Tire Stack
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image5.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red & White Tire Stack
</h3>
</div>
</article>
</div>
</div>
<!-- Afleveringer -->
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<h4 class="h4 courses">Afleveringer Uddrag</h4>
<hr>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image1.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red Pepper on Wood
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/courses/au/designteori-og-historie/forelaesninger-slides/frihedskamp-og-fremtidsforelskelse.jpg" alt="Designteori">
</div>
</a>
<div class="block-data">
<h3>
Frihedskamp Og Fremtidsforelskelse
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image3.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
People on Overlook
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image4.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Camera Vintage Style
</h3>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image5.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red & White Tire Stack
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image6.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Appointment with Client
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image1.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red Pepper on Wood
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image3.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
People on Overlook
</h3>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image4.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Camera Vintage Style
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image2.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Football in Grass
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image5.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red & White Tire Stack
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image5.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red & White Tire Stack
</h3>
</div>
</article>
</div>
</div>
<!-- Tekniske Øvelser -->
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<h4 class="h4 courses">Tekniske Øvelser</h4>
<hr>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image1.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red Pepper on Wood
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/courses/au/designteori-og-historie/forelaesninger-slides/frihedskamp-og-fremtidsforelskelse.jpg" alt="Designteori">
</div>
</a>
<div class="block-data">
<h3>
Frihedskamp Og Fremtidsforelskelse
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image3.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
People on Overlook
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image4.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Camera Vintage Style
</h3>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image5.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red & White Tire Stack
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image6.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Appointment with Client
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image1.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red Pepper on Wood
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image3.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
People on Overlook
</h3>
</div>
</article>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image4.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Camera Vintage Style
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image2.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Football in Grass
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image5.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red & White Tire Stack
</h3>
</div>
</article>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<article class="block-thumbnail">
<a href="#" class="block-thumb">
<div class="block-image">
<div class="overlay"></div>
<img src="/images/thumbs/image5.jpg" alt="portfolio item">
</div>
</a>
<div class="block-data">
<h3>
Red & White Tire Stack
</h3>
</div>
</article>
</div>
</div>
</div>
关于html - 在文本上进行精确填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40205270/
感觉我在这里遗漏了一些明显的东西,所以提前道歉。无论如何,这是我尝试转换的一些数据a: acct_num year_prem prem exc 001 20
我正在尝试将表中的模式与用户话语 匹配。 string userUtterance = "I want identification number for number of customers";
当尝试在 Precise 上链接 gccgo 时,出现此链接错误: matt@matt-1005P:~/src/gopath/src/meme$ gccgo cmd/meme/main.go -o m
假设我有以下数据和命令: clc;clear; t = [0:0.1:1]; t_new = [0:0.01:1]; y = [1,2,1,3,2,2,4,5,6,1,0]; p = interp1(
假设我有以下数据和命令: clc;clear; t = [0:0.1:1]; t_new = [0:0.01:1]; y = [1,2,1,3,2,2,4,5,6,1,0]; p = interp1(
我总是想给精确匹配比只匹配前缀的分数更高的分数(例如,“ball”在与“ball*”匹配时应该比“ballistic”得到更高的分数)。 我当前(详细)的方法是在创建 PrefixQuery 时始终执
有什么解决方法可以让我在 Android 中使用 long 或 double 来寻找音频文件中的位置吗?目前 seekTo 只接受 ints 参数。我想更精确(比如在十分之一秒内) int resID
我的 replacingOccurrences 函数有问题。我有一个这样的字符串: let x = "john, johnny, johnney" 我需要做的只是删除“john” 所以我有这段代码:
我正在使用 BeautifulSoup 进行网页抓取。我有这段代码来提取 a 标签的值,但它似乎不起作用。显示错误: AttributeError: 'int' object has no attri
我要在带有标记顶点和标记有向边的图上寻找一种不精确的图匹配算法。我的任务是检测两个图表的变化以将它们显示给开发人员(想想颠覆差异)。我已经实现了基于禁忌搜索 ( this ) 的优化算法,但我无法让该
我有两个网站: example.com 和 yyy.com 他们都有类似的网络应用程序,但在不同的服务器上。我想让 Apache 将所有路径请求重定向到 example.com 与 完全相同的方式yy
因此,我尝试合并两个公司信息数据库(从现在起表 A 和表 B),其中最常见(且可靠)的单一引用点是网站 URL。表 A 已更新,表 B 待更新。 我已经从表 A 中提取了 URL,并使用 PHP 清理
我正在 http://classicorthodoxbible.com/new.html 上制作效果主要描述中的 Angular 色,包裹在自己的跨度中,从他们通常的休息地点移动到随机位置,然后通过指
我目前正在使用我的 Raspberry Pi 及其内置 UART 输入编写 MIDI 合成器。 在某个时间点,为了启用 MIDI 输入的实时回放,我必须设置一种环形缓冲区以与 OpenAL 一起使用,
在 C 中,当设置了一个 float 时, int main(int argc, char *argv[]) { float temp = 98.6f; printf("%f\n",
实现 MP3 无间隙循环的最佳可能性是什么?目前我正在使用 AVAudioPlayer 并将 .numberOfLoops() 属性设置为 -1 但可以听到,轨道重新启动。情况并非如此,例如使用 Tr
我想创建不一定是“正确”矩阵的“类矩阵”对象。但是,确切地说,“类矩阵”是什么意思? 示例 1 > image(1:9) Error in image.default(1:9) : argument
给定一个像这样的 XML 文档: john &title; 我想解析上面的 XML 文档并生成其所有实体已解析的副本。因此,给定上述 XMl 文档,解析器应输出: john
需要说明的是,这种方法不是我要找的: 事实上,此方法会调整 ImageField 的大小。我想将 Image 对象的大小调整为特定且精确的无比例分辨率。有什么办法吗? --编辑-- 对我来说,Ima
我正在尝试使用 TF2.0 eager 模式执行精确的 GP 回归,基于来自 https://colab.research.google.com/github/tensorflow/probabili
我是一名优秀的程序员,十分优秀!