Import Twitter Bootstrap Template to Ruby on Rails Application - css

I'm currently involved in a complex project which I will require help from this forum in order to complete! I am a novice; and have thus far only completed Michael Hartls Tutorial.
Currently I am attempting to import this template into my new application. I have successfully got Bootstrap working; as the generic text improves. This shows that it is working!
However, when I paste the content from the Index file it does not display correctly. I imagine this is due to incorrect placing of CSS and JS files in the ruby folder.
https://startbootstrap.com/template-overviews/creative/
Thanks!

Related

Adding template to existing React Application

I have a medium experience in developing applications with React, and up to study and experience I have always used very basic layouts, creating components and styling with a .css file
Currently I want to start using the various react templates that I find online, such as:
"Connect Plus React Free Admin Template" etc.
This is the first time I try to integrate a template into an existing application.
So I tried to copy from the template what I needed and then bring it back to my application.
Then update package.json and package-lock.json and run npm install.
Unfortunately, then starting the app with npm start it broke and did not start anymore.
Do you have any tips, advice or guides on how to do this?

Import vuejs components inside wordpress theme

I am creating a wordpress site with vuejs framework. I am about to put vuejs components into this directory.
wp-content/themes/{theme}/components
The problem is, I can't import vuejs components with ES6 import App from './components/App.vue' functionality.
I tried using CDN but I don't know how importing of components works.
Does anybody know?
the are 2 main solutions for this problem:
(best): compile your project (for example with the vue-CLI) in such a way that all imports used in the project are compiled into simple, browser-readable js files
use the http-vue-loader library to load components directly from the browser (this solution works perfectly, but in terms of performance with many components it is not recommended)

Handle a Button Event: index.js does not appear

I am currently going through the beginner tutorial, I have gotten to the "Handle a button event" section where it asks to open the index.js file. Where was this file supposed to be located, as well as when was it added in during the tutorial? This file does not appear when I search it.
Did you use the Typescript version of the blank Cordova template to create your project? If so that is why you would not see any index.js. Start over using the Javascript version instead of Typescript. Just create a new project as usual and find Cordova under Javascript. This happened to me.

My styles from Pixate-Freestyle not styling my views in rubymotion

I am a beginner trying to use RubyMotion-PixateFreestyle, I have installed the gem, added the framework to \vendor and i run the simulator. I don't receive any errors but still the css has no effect on my views.
As example just I try adding the pixate freestyle to the timer app coming with rubymotion which is used as an example here: Pixate-freestyle
I have followed every step of the instructions, my app builds without errors but my changes to the views doesn't show up.

Basics of importing scripts in angular2 using nodejs and npm with ASp.net Core 1

Hi i just finished installing asp.net core1 so got introduced to npm , bower and nodejs after researching a lot i chose to go with angular2 .
now my problem is that i have never used gulp, grunt etc even though i know how it works and why to use it. there are lots of instructions on web to setup angular2 project with mvc6 but not explaining the thing which is new with mvc6.
anyways i dont want to get myself confused with gulp/grunt etc right now so i am just copying files from node_modules to my script folder and giving it path but it works almost for everything related to angular.
for eg.
import {anything} from 'angular2/core' or from RXjs etc(this import is from node_modules) and i have to give a path in my index files where i have copied all the files.
but when i try to include some plugins like ng2-select, ng2-bootstrap or toastr etc it doesnt work the way it should it throws errors.
my question is do i need to copy whole folder from node_modules to my script folder and then linq it or what , how it works?
Do I need to copy whole folder from node_modules to my script folder and then link it or what, how does this work?
I have an example in my blog post of what you should be doing in this situation. Ideally, you will use a gulpfile.js to orchestrate your desired file needs. For example, if you're looking for Angular2 it is rather simple. You create a gulpfile.js by adding a new item to your project. In that file you write some simple "tasks" that automate this move for you. You look in node_modules and move over anything that you need. For Angular2 I move over the following .js files (in this example):
var angularJs = [
'./node_modules/angular2/bundles/angular2.js',
'./node_modules/angular2/bundles/router.js',
'./node_modules/angular2/bundles/angular2-polyfills.js',
'./node_modules/angular2/bundles/http.js'
];
So to answer your question more directly, no. You do not need to copy the entire folder -- just the files that your application needs.

Resources