Made with Bootstrap Studio - Showcase

Ideas
21

@xenqtron: Nice job, might be simple, but it's very clean and precise as well.

22

The header looks super clean. Get some nice icons in there for sure! Good choice of colors, but it feels 'empty'.

Try a "What is Living Road"?

23

@xenqtron - i like it too, good job

24

@xen -- love that form :)

25

@xenqtron very nice! How you made the smooth scroll? I have planned this a few days ago but didnt make it (also a small problem with my mobile menu - i havent fix it yet) http://goo.gl/gH57eu

26

It's just a simply jQuery script that I put in into the end of the body section. Here is the source:

<script>
        $(function() {
            $('a[href*=#]:not([href=#])').click(function() {
                if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
                    var target = $(this.hash);
                    target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                    if (target.length) {
                        $('html,body').animate({
                            scrollTop: target.offset().top
                        }, 1000);
                        return false;
                    }
                }
            });
        });

    </script>
27

@xenqtron I right clicked on Design panel and created JS putted your code and taran! Not working :P

28

Wrong! if i edit the html outside bs it works. But why it doesnt work like that way (i mean when you insert the JS)?

29

@tasost, JS code does not run within the app, you have to preview the site to run JS code.

Saj

30

it's really pain when you have to deal with lot of images... http://www.webways.gr/demo/cyprusautog5/

31

These examples are awesome, I'm new to BSS and looking forward to learning a bunch from the community.

32

Hi marichard_

I've been using BBS since May 18th, 2017 and I'm very impressed with it. I used to use Serif WebPlus but the company would not fix their software to build responsive sites. It was a real pain to have to design one site for desktop and one for mobile. Anything in between like tablets would not show correctly.

BBS has allowed me to design our website to view great in any sized device. Plus the code it produces is superior to WebPlus. At GTmetrix my site gets scores of 100% for the PageSpeed Score and 89% for the YSlow Score. Never got scores like that before using BBS.

The help I have received from those at this forum has been terrific. People like Saj, Jo, and Chris Hackwood have been life savers when I could not figure out something.

My website is Bible Believers Fellowship, Inc.. I have tried to keep the same theme going at each page and with BBS, it is quite easy to do once you get the hang of it.

33

Just before the Christmas break... I created a CSS3 Grid Layout as a concept and I have published it to the BSS site provided for BSS users.

I first created a CSS3 Grid Layout for a concept for bootstud I believe and then I decided to make a flexbox version. Now I have created a more styled version of both that look and behave very much the same.

If you would like to take a look you can find it here. I think I'll also be adding some of the examples as live view from the forums in the future so people can see what I explained in the forum in action.

http://saj.bss.design

Saj

34

Is there any sort of CMS you can add to these sites for clients??? That would be awesome

35

Hi, this is my first template with Bootstrap Studio. You can download and use it for free.

Download: https://github.com/nauvalazhar/NGFL Demo: http://ngfl.bss.design

Regards

36

@nauvalazhar: got it uploaded as a website so we can see if we want to download it?

37

Sorry all, the site in my link has been removed and I forgot that it was listed here. I cannot edit it anymore, so hereā€™s another that Iā€™ve completed for another client. Enjoy!

https://strayferalrescue.org

1 Like
38

Oh, thatā€™s really pretty. I like how youā€™ve really customized the look and feel so that itā€™s completely different from the standard ā€œBootstrapā€ appearance. Lots of work, Iā€™m sure. And the fluid text containers are nice.

1 Like