We'll remember your contact info. for this session.

Bootstrap Grid

Comments (8)

Guest replied 3 years ago, re: balsamiqAdminMike's Version 1 from 3 years ago

The gutter in these mockups is 27px. It should be 30px (15px + 15px).
Also, either I am not understanding Bootstrap, or you've got you're container sizes incorrect. Should be:
1170px
970px
750px
auto
Correct?

Guest replied 3 years ago, re: balsamiqAdminMike's Version 1 from 3 years ago

Yes I have exactly the same problem. It's a problem itself for me because I don't know they are need to be pixel perfection size or not? Also there is 2 grid system available that I've found so for: Here is the other grid system: https://mockupstogo.mybalsamiq.com/projects/layout/Bootstrap+Grid+Layout
But a new problem is occuring here: The grid system I just linked above has different sizes from the grid system in this page. As well as so different. Please help me which one is the true grid system. I need to start to make my projects real I can't wait.

Guest replied 3 years ago, re: balsamiqAdminMike's Version 1 from 3 years ago

Also there is additional line in the tablet grid system in this page. Tablet grid system includes 1 additional vertical line both sides right and left. Is there a mistake or its normal?

balsamiqAdminMike

balsamiqAdminMike replied 3 years ago, re: balsamiqAdminMike's Version 5 from 3 years ago

Sorry about the problems with dimensions guys. I updated this version for you. You can also https://mockupstogo.mybalsamiq.com/projects/template-bootstrap/grid">get the template here.

Peter

Peter replied 9 months ago, re: BalsamiqAdminPeldi's Version 7 from 2 years ago

Page not found, on link above.

balsamiqAdminBrendan

balsamiqAdminBrendan replied 9 months ago, re: BalsamiqAdminPeldi's Version 7 from 2 years ago

Looks like the formatting got messed up on that, Peter. Thanks for the heads up.

Correct link is here: https://mockupstogo.mybalsamiq.com/projects/template-bootstrap/grid

Guest replied 2 months ago, re: BalsamiqAdminPeldi's Version 7 from 2 years ago

getting message symbol not found

BalsamiqAdminVirgin

BalsamiqAdminVirgin replied 2 months ago, re: BalsamiqAdminPeldi's Version 7 from 2 years ago

Hi NNJ! Did you follow these steps to import those symbols? https://support.balsamiq.com/resources/mockupstogo/#how-to-use-it

Alternatively, you can also use this template if needed: https://mockupstogo.mybalsamiq.com/projects/template-bootstrap/grid

In case the issue persists on your end, please reach out to support@balsamiq.com and we'll do our best to help!

Add a Comment

You can use Mockups text formatting markup.
Ex: *bold* _italic_ &underlined& -disabled- {color:#FF0000}colored{color} * New lines with asterisks for bulleted lists.

Are you sure you want to delete mockup "XYZ?"

Your mockup's data and history will be deleted forever!

Notify project members

Please click OK to reload the page and continue using myBalsamiq