47 comments

Nicely designed. Horribly coded.

Listen, please don't use id's for style, OK? Id's are for behaviour (Javascript), classes are for style. Your pages are not modular because you're setting styles on the body tag etc. The body tag should not have styles. Your code is basically a nightmare to work with. It looks like it was bashed out by a 3 year old orang-outang.

Please share your Sketch files so I can reimplement this mess.

Thanks.
ricefire PURCHASED
I bought this theme and love it. Is there a way for you to send me the Sketch files for the image assets? Thanks!
mahshidy PURCHASED
Hi,

Can you send me the Sketch files please? I have already purchased the theme.

Thanks,
The background images used in the homepage version 2 (the one with sliders) are linked from flickr. Are they copyright free ? Can I use them on my website ?
This project name is react, but not use reactJS right ??????
akhasanov PURCHASED
Agreed with pan69. It's not a code, it's a nightmare!
One word: you NEED to learn how to organize code!

When a developer buys a theme he's interested on adding these style sheets in your project, make his/her app output the suggested HTML structure and see everything happening. You've added IDs to body elements which makes impossible to have multiple styles in just one style sheet.

If I would give you an advise, it would be: "NEVER use IDs for scoping again!" And, as the second advise, please read about components, object-oriented CSS, BEM (https://en.bem.info) and/or SMACCS (https://smacss.com).

Please, don't screw up a developer's day again.
FYI I decided NOT to buy because of the ID's. Not because people told me so, because I like to play around with the demo pages in the DOM before I buy something, and I noticed the ID that basically means you can't for example copy the pricing snippet from one page to another. That for a developer is unusable. And I have to say, I really like this design. I would still buy it if you fixed it. But Only if you fix it.
Hey!
Does anyone know this theme can be integrated/installed in Drupal 8?
I just purchased the theme. I would need the sketch files. Could you email them to me?
I purchased the theme. I would like the sketch files. Could your please email them to me?
thedave PURCHASED
Well done!

v2.0
Refactor CSS to remove ID dependencies and use modular elements
Thanks!

Next update coming very soon with Bootstrap 4 beta and new pages, styles, etc
Any chance you can set up Modal with video?
Hi Rob,

You can see an example of a Bootstrap modal with a video in the index3 page:
http://themereact.herokuapp.com/3.0/index3.html

Hope this helps,
Erick
CoryT87 PURCHASED
I need some help with the flip clock. I can't seem to get it to count all the way down to zero. Plus I can't seem to get it the time set right with the clock. I've sent the designer a message but hasn't responded. Can someone help me?
Hi Cory,

Inside the javascript code on the page, to set up a specific time you need to create a new date so for example if you are launching on December 1st, 2017 it would be

new releaseDate = new Date(2017, 11, 1);

Then you get the difference in seconds from -right now- like this:

var currentDate = new Date();
var diff = releaseDate.getTime() / 1000 - currentDate.getTime() / 1000;

and diff is the param you use inside the FlipClock when you instantiate it:

clock = $('#clock').FlipClock(diff, {
countdown: true
});

Please tell if you can't get it to work or share the code you're using :)
CoryT87 PURCHASED
I tried it but couldn't get it to work. Here's the code:

<script type="text/javascript">
$(function() {
var clock;
var currentDate = new Date(2017, 10, 29);

// Set some date in the future.
var futureDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate(), currentDate.getHours() );

// Calculate the difference in seconds between the future and current date
var diff = futureDate.getTime() / 1000 - currentDate.getTime() / 1000;

// Instantiate a coutdown FlipClock
clock = $('#clock').FlipClock(diff, {
countdown: true
});
Let's see, try this:

var releaseDate = new Date(2017, 10, 29);
var currentDate = new Date();

var diff = releaseDate.getTime() / 1000 - currentDate.getTime() / 1000;

clock = $('#clock').FlipClock(diff, {
countdown: true
});
CoryT87 PURCHASED
It gave me 819 hours which it should be 72 hours from the time of this writing. If you could send me a message on Twitter that would make this go a lot easier and quicker. My twitter is @CoryTraxler
Hey, so your date is in October 29 right, change: Date(2017, 10, 29) to be Date(2017, 9, 29) (months are from 0 to 11)
Is this template a ReactJS template? I know the name is "React-bootstrap" but there is an unaswered question about this and the informartion is not very clear.
Hi!

This theme is not related nor made with ReactJS, I released it way before React was created heh, I guess I should change the name in a future update to avoid any confusion.

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$10

Regularly $15 -33%

3474Purchases

Licenses: Details »

Single application $10
Version:3.0
Type:
  • HTML Template
Bootstrap: Compatible with 4.x
Layouts:
  • Responsive
  • Fluid
Browsers:
  • IE 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:No
Uses Sass:Yes
Categories:
Tags: business, clean, landing page, product, responsive, saas, startup
Item#:WB0K176S9
Released:3 years ago
Updated:1 month ago
Sold exclusively on WrapBootstrap
ericklvz

ericklvz

Signed up 3 years ago

Need an admin theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: