How to manually add bootstrap and flat-ui to meteor application?


I am not familiar with the meteor app but to add bootstrap manually, I would do the following:

In your folder structure, create the following paths: ../../resources/css


Add boostrap: ../../resources/css/bootstrap.min.css


Then, you can include these in your .jsp or .aspx pages like so: < link rel=”stylesheet” type=”text/css” href=”../../resources/css/bootstrap.min.css”>

< script type=”text/javascript” src=”../../resources/js/bootstrap.min.js”>< /script>

My recommendation is to go with either bootstrap or flat-ui but not both. You can override the bootstrap classes yourself and customize them to give elements (e.g., buttons, drop-downs, etc.) a flatter look. You can do this by creating your custom style.css global style sheet and include it in your pages using the
< link > tag above. Then, ensure whatever you are using to build your application (ant, maven, etc.) accounts for the bootstrap resources.