**These tables may appear broken until their responsive styles apply at specific viewport widths.**
{{< tables.inline >}}
-{{ range $bp := $.Site.Data.breakpoints }}
-{{ if not (eq $bp "xs") }}
+{{ range $.Site.Data.breakpoints }}
+{{ if not (eq . "xs") }}
<div class="bd-example">
- <div class="table-responsive{{ $bp.abbr }}">
+ <div class="table-responsive{{ .abbr }}">
<table class="table">
<thead>
<tr>
{{< highlight html >}}
{{< tables.inline >}}
-{{- range $bp := $.Site.Data.breakpoints -}}
-{{- if not (eq $bp "xs") }}
-<div class="table-responsive{{ $bp.abbr }}">
+{{- range $.Site.Data.breakpoints -}}
+{{- if not (eq . "xs") }}
+<div class="table-responsive{{ .abbr }}">
<table class="table">
...
</table>
{{< markdown >}}
{{< flex.inline >}}
{{- range $bp := $.Site.Data.breakpoints -}}
-{{- range $i, $num := seq 0 5 }}
-- `.order{{ $bp.abbr }}-{{ $i }}`
+{{- range (seq 0 5) }}
+- `.order{{ $bp.abbr }}-{{ . }}`
{{- end -}}
{{- end -}}
{{< /flex.inline >}}
{{< markdown >}}
{{< flex.inline >}}
{{- range $bp := $.Site.Data.breakpoints -}}
-{{- range $i := slice "first" "last" }}
-- `.order{{ $bp.abbr }}-{{ $i }}`
+{{- range (slice "first" "last") }}
+- `.order{{ $bp.abbr }}-{{ . }}`
{{- end -}}
{{- end -}}
{{< /flex.inline >}}
{{- $modified_content = replace $modified_content "</svg>\n" "</svg>✂️" -}}
{{- $modified_content = split $modified_content "✂️" -}}
- {{- range $i, $content_chunk := $modified_content -}}
+ {{- range $content_chunk := $modified_content -}}
{{- $image_class := "" -}}
{{- if (strings.Contains $content_chunk `<svg class="bd-placeholder-img `) -}}