Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Bootstrap
bootstrap
Commits
262a24b6
Commit
262a24b6
authored
5 years ago
by
XhmikosR
Browse files
Options
Download
Email Patches
Plain Diff
Manually escape script.
parent
8b59b73a
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
site/content/docs/4.3/examples/masonry/index.html
+3
-1
site/content/docs/4.3/examples/masonry/index.html
with
3 additions
and
1 deletion
+3
-1
site/content/docs/4.3/examples/masonry/index.html
+
3
-
1
View file @
262a24b6
...
...
@@ -13,7 +13,9 @@ extra_js:
<p>
Masonry is not included in Bootstrap. Add it by including the JavaScript plugin manually, or using a CDN like so:
</p>
{{
<
highlight
html
>
}}
<script
src=
"https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"
integrity=
"sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI="
crossorigin=
"anonymous"
async
></script>
{{
<
/
highlight
>
}}
<pre><code>
<
script src=
"
https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js
"
integrity=
"
sha256-Nn1q/fx0H7SNLZMQ5Hw5JLaTRZp0yILA/FRexe19VdI=
"
crossorigin=
"
anonymous
"
async
><
/script
>
</code></pre>
<p>
By adding
<code>
data-masonry='{"percentPosition": true }'
</code>
to the
<code>
.row
</code>
wrapper, we can combine the powers of Bootstrap's responsive grid and Masonry's positioning.
</p>
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment