{"id":7503,"date":"2015-06-22T02:59:35","date_gmt":"2015-06-22T02:59:35","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2015\/06\/22\/how-to-manually-add-bootstrap-and-flat-ui-to-meteor-application\/"},"modified":"2015-06-22T02:59:35","modified_gmt":"2015-06-22T02:59:35","slug":"how-to-manually-add-bootstrap-and-flat-ui-to-meteor-application","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2015\/06\/22\/how-to-manually-add-bootstrap-and-flat-ui-to-meteor-application\/","title":{"rendered":"How to manually add bootstrap and flat-ui to meteor application?"},"content":{"rendered":"<p><img decoding=\"async\" src=\"http:\/\/i.stack.imgur.com\/0HmYY.png?s=128&amp;g=1\" \/> <strong>62696e617279<\/strong><\/p>\n<p>I am not familiar with the meteor app but to add bootstrap manually, I would do the following:<\/p>\n<p>In your folder structure, create the following paths: ..\/..\/resources\/css<\/p>\n<p>..\/..\/resources\/js<\/p>\n<p>Add boostrap: ..\/..\/resources\/css\/bootstrap.min.css<\/p>\n<p>..\/..\/resources\/js\/bootstrap.min.js<\/p>\n<p>Then, you can include these in your .jsp or .aspx pages like so: &lt; link rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; href=&#8221;..\/..\/resources\/css\/bootstrap.min.css&#8221;&gt;<\/p>\n<p>&lt; script type=&#8221;text\/javascript&#8221; src=&#8221;..\/..\/resources\/js\/bootstrap.min.js&#8221;&gt;&lt; \/script&gt;<\/p>\n<p>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 <strong>style.css<\/strong> global style sheet and include it in your pages using the<br \/>\n&lt; link &gt; tag above. Then, ensure whatever you are using to build your application (ant, maven, etc.) accounts for the bootstrap resources.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>62696e617279 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 ..\/..\/resources\/js Add boostrap: ..\/..\/resources\/css\/bootstrap.min.css ..\/..\/resources\/js\/bootstrap.min.js Then, you can include these in your .jsp or .aspx pages like so: &lt; link rel=&#8221;stylesheet&#8221; type=&#8221;text\/css&#8221; href=&#8221;..\/..\/resources\/css\/bootstrap.min.css&#8221;&gt; &lt; script type=&#8221;text\/javascript&#8221; src=&#8221;..\/..\/resources\/js\/bootstrap.min.js&#8221;&gt;&lt; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7503","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/7503","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=7503"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/7503\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=7503"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=7503"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=7503"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}