Objects don't snap to bootstrap grid symbol


#1

Hello -

I just got started with Balsamiq. I imported the Bootstrap grid “template” (symbol) as per https://support.balsamiq.com/tutorials/projecttemplates/ plus https://docs.balsamiq.com/desktop/symbols/#importing-symbols.

I added a grid symbol to my first mockup (the “bs-grid-med” symbol to be precise).

The symbol is locked on my mockup.

But, objects I add to the mockup don’t actually seem to snap to the symbol / grid colums at all.

Am I missing something? Any suggestions?


#2

Hi @simonyoo,

Thanks for getting in touch about this.

You’re right, the smart guides will suggest alignments for the sides and center of the symbol, but not for each column. The template is designed to be used as a guidance. The way to use it is detailed in the video on this page.

On the other hand, if you really need to use each column smart guides, you can always break apart the symbol and ungroup the elements (using CTRL+SHIFT+G or CMD+SHIFT+G on Mac). This will allow you to snap to each column, as shown below:

Please let us know if you need anything else, we are here to help! :slight_smile: