Bootstrap Builder App & Framework...

User 232214 Photo


COO
827 posts

Hey Everybody!

We've been diligently working on a series of documents that explain the ins and outs of Bootstrap Builder. They also help to understand both the Bootstrap framework and quite a few CSS fundamentals. We have been sharing it with a few people while writing and they really liked it (see quotes).

There are also documents (being made) that show how to create dropdowns, cards, navigations and so on. They are linked from this document as well.

We're by no means done, but far enough into it to learn what you think and get feedback. Anything missing or something you would like us to cover? Just leave us a note here!

Just don't tell us about typos...just yet :P

Here's the link: http://tutorials.coffeecup.com/bootstrap-builder

Happy Bootstrappin' !
The future of web layout has arrived and it's called CSS Grid. CoffeeCup helps you to get ready with a free guide, the Grid Builder app plus cool demos & themes.
User 2846109 Photo


Ambassador
341 posts

Wow that looks great so far - even in its early stage. Really looking forward to seeing thinks like the Component Library get developed. I'd be very happy to be able to purchase components but would really like to see the community grow by allowing us to freely exchange our own components with each other. Saving our own components for use in our own projects is really what I'm excited about.

It's great to see many things that the community has asked for being actively considered and developed. And the guide in general is shaping up really nice.

It would be nice to be able to eventually edit some of the CSS in our CSS pane but, personally I'd put a few of the other features ahead priority wise. I wonder if more code savvy users will have the same opinion, though.

I spent a few weeks reviewing and testing different companies and applications/web apps before deciding to go with some of the CoffeeCup software but I really feel like I made the right decision. I'm glad I got here in time to jump on the betas of both RBB and RFF.
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://www.youtube.com/channel/UCQMcF0 … EKA/videos
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)
User 188640 Photo


Registered User
895 posts

That's looking great. Will this just be an online guide or will it also be a PDF that we can download? I personally like something that I can read 'off' the computer.
A Rose is Just a Weed in a Corn Patch!
User 103173 Photo


VP of Software Development
0 posts

Ernie Hodge wrote:
That's looking great. Will this just be an online guide or will it also be a PDF that we can download? I personally like something that I can read 'off' the computer.

You can do that in your browser Ernie. File Menu > Print and then choose Save as PDF.

Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

Very good indeed. This is NOT specked with links to other resources in a way that makes you think you can't move on before you have followed the links, and all of a sudden you are lost in the link jungle. It is all very nice and tidy and will be a great help to those not so code savvy.

One change suggestion: The toolbar explanation ought to come first, not at the end.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 188640 Photo


Registered User
895 posts

Scott Swedorski wrote:
Ernie Hodge wrote:
That's looking great. Will this just be an online guide or will it also be a PDF that we can download? I personally like something that I can read 'off' the computer.

You can do that in your browser Ernie. File Menu > Print and then choose Save as PDF.



Scott,

Thank you that works great.
A Rose is Just a Weed in a Corn Patch!
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

Bob, are you ready for some corrections of typos now? I've held back for so long... ;)

And BTW, I still think, as I said in a post further up here, that the tool bar presentation ought to come first.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2708 Photo


Registered User
12 posts

Really looking forward to being able to incorporate the Bootstrap Components directly within RBB. I'm trying to use an HTML Element as a placeholder for a manually created Carousel, but can't get it to work.

I can also see, after reading the specs, that there will be MAJOR differences for RBB to handle between Bootstrap 3 & 4.

Appreciate your hard work!
It's better to keep your mouth shut
and be thought a fool,
than to open it and remove all doubt.
User 103173 Photo


VP of Software Development
0 posts

Mark Holland wrote:
Really looking forward to being able to incorporate the Bootstrap Components directly within RBB. I'm trying to use an HTML Element as a placeholder for a manually created Carousel, but can't get it to work.

I can also see, after reading the specs, that there will be MAJOR differences for RBB to handle between Bootstrap 3 & 4.

Appreciate your hard work!

You would not use the HTML Element for that. Just follow the elements that are specifically used for the carousel in the docs. So for 4.0.0 Alpha 5 : http://devdocs.io/bootstrap~4/components/carousel

The first line shows :
<div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">

You need to add a container to the column and apply the ID of carouselExampleSlidesOnly and the classes carousel & slide and the attribute of data-ride="carousel".

Just keep working your way down adding the corresponding elements.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2708 Photo


Registered User
12 posts

Thanks, Scott. I'll see if I can wrap my head around that!
It's better to keep your mouth shut
and be thought a fool,
than to open it and remove all doubt.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.