Hi everyone,
I am pretty new to development using meteor.
I am using react etc and currently have a page component that is loading up.
My issue is the button inside my page still shows as a normal button and not as a bootstrap one.
I am getting no errors.
I do not want to use an atmosphere package or a npm modules as some other js files I am importing have no corresponding package so I would rather do it all this way as I will have to get this method working once I have the bootstrap issue working. Thanks!
Here is the image of what I see on localhost:
Within the Page.jsx file I have:
import React from 'react';
import ReactDOM from 'react-dom';
import TrackerReact from 'meteor/ultimatejs:tracker-react';
// CSS
import '../../imports/assets/css/bootstrap.min.css';
import '../../imports/assets/css/style.css';
import '../../imports/assets/css/style-responsive.css';
import '../../imports/assets/css/animate.css';
import '../../imports/assets/third/font-awesome/css/font-awesome.min.css';
import '../../imports/assets/third/weather-icon/css/weather-icons.min.css';
import '../../imports/assets/third/morris/morris.css';
import '../../imports/assets/third/nifty-modal/css/component.css';
import '../../imports/assets/third/sortable/sortable-theme-bootstrap.css';
import '../../imports/assets/third/icheck/skins/minimal/grey.css';
import '../../imports/assets/third/select/bootstrap-select.min.css';
import '../../imports/assets/third/summernote/summernote.css';
import '../../imports/assets/third/magnific-popup/magnific-popup.css';
import '../../imports/assets/third/datepicker/css/datepicker.css';
// JS
import '../../imports/assets/js/jquery.min.js';
import '../../imports/assets/js/bootstrap.min.js';
import '../../imports/assets/third/slimscroll/jquery.slimscroll.min.js';
import '../../imports/assets/third/raphael/raphael-min.js';
import '../../imports/assets/third/morris/morris.js';
import '../../imports/assets/third/nifty-modal/js/classie.js';
import '../../imports/assets/third/nifty-modal/js/modalEffects.js';
import '../../imports/assets/third/sortable/sortable.min.js';
import '../../imports/assets/third/select/bootstrap-select.min.js';
import '../../imports/assets/third/summernote/summernote.js';
import '../../imports/assets/third/magnific-popup/jquery.magnific-popup.min.js';
import '../../imports/assets/third/input/bootstrap.file-input.js';
import '../../imports/assets/third/datepicker/js/bootstrap-datepicker.js';
import '../../imports/assets/third/icheck/icheck.min.js';
import '../../imports/assets/third/wizard/jquery.snippet.js';
import '../../imports/assets/third/wizard/jquery.easyWizard.js';
import '../../imports/assets/third/wizard/scripts.js';
import '../../imports/assets/js/lanceng.js';
export default class Page extends React.Component{
constructor(){
super();
}
render(){
return (
// start page
// BEGIN PAGE -->
<div class="container">
<button type="button" class="btn btn-default">Default</button>
</div>
)
}
}