Bootstrap Image Box / Discussion

This is the discussion related to the wiki page Bootstrap Image Box.

NoriMori 19 Jan 2015 05:04

How do you make a site Bootstrap-enabled?

NoriMori 18 May 2015 20:19

?

NoriMori 18 May 2015 23:08

I changed my site to a Bootstrap-enabled one, and am using this snippet now; but the "clear,left" solution you gave me for making images float without the text wrapping doesn't work with this. Is there a way to do it?

Edit: Nevermind, it does work. It just wasn't showing in the preview.

Images still can't be stacked side-by-side though. ><

Last edited on 18 May 2015 23:19 by NoriMori Show more

Timothy Foster 19 May 2015 02:20

They can be stacked, but it is done using a table and putting the images in the cells. With Bootstrap, it can be conveniently done using their grid system, as I have it on this page. General syntax is as follows:

[[div class="row"]]
[[div class="col-sm-6"]]
IMAGE 1
[[/div]]
[[div class="col-sm-6"]]
IMAGE 2
[[/div]]
[[/div]]

---

Timothy Foster - @tfAuroratide
Auroratide.com - Go here if you're nerdy like me

NoriMori 07 Jun 2015 19:54

Oooh, I'll try this out, thank you!

Edit: Works fairly well, though it's tedious to make images float where you want them to, and it doesn't seem to be compatible with making text wrap. ><

Last edited on 07 Jun 2015 22:46 by NoriMori Show more

A few questions

Norman Seversky 06 Aug 2019 17:24

Hi folks!
I'm very new here, and have a couple of questions. Is there a way to make this image block wrapped by text (like it's done in a standard image wizard with floating positon. And another question - where do i put CSS customization to? Is it a separate field under this block or something "global"?

YeetiboiOfficial 11 Jul 2020 15:37

[[include :snippets:bs-image
|image=https://cdn.vox-cdn.com/thumbor/op7DSI_UdWcXSbVGqA4wKYc2v3E=/0x0:1800x1179/1200x800/filters:focal(676x269:964x557)/cdn.vox-cdn.com/uploads/chorus_image/image/66741310/3zlqxf_copy.0.png
|heading=meme
|caption=a funny meme
|max-width=375px
|link=none