{"id":4244,"date":"2020-09-02T22:46:38","date_gmt":"2020-09-02T23:16:38","guid":{"rendered":"https:\/\/ultering.com\/it4us\/?p=4244"},"modified":"2023-07-06T15:25:32","modified_gmt":"2023-07-06T15:55:32","slug":"angular-create-an-angular-10-project-using-bootstrap","status":"publish","type":"post","link":"https:\/\/ultering.com\/it4us\/?p=4244","title":{"rendered":"ANGULAR: Create an Angular 10 project using Bootstrap &#8211; INDEX"},"content":{"rendered":"<p>&nbsp;<\/p>\n<div class=\"row row-offcanvas row-offcanvas-right\">\n<div class=\"col-xs-12 col-sm-9\">\n<p class=\"pull-right visible-xs\"><button class=\"btn btn-primary btn-xs\" type=\"button\" data-toggle=\"offcanvas\">Toggle nav<\/button><\/p>\n<div class=\"jumbotron\" style=\"margin-top: 50px; margin-right: 15px !important;\">\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_73 counter-hierarchy ez-toc-counter ez-toc-white ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e75316516fa\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e75316516fa\" checked aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ultering.com\/it4us\/?p=4244\/#Angular_10_plus_Bootstrap_Step-by-Step\" title=\"Angular 10 plus Bootstrap Step-by-Step\">Angular 10 plus Bootstrap Step-by-Step<\/a><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><ul class='ez-toc-list-level-6' ><li class='ez-toc-heading-level-6'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ultering.com\/it4us\/?p=4244\/#A_tutorial_split_into_small_steps\" title=\"A tutorial split into small steps.\">A tutorial split into small steps.<\/a><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ultering.com\/it4us\/?p=4244\/#Step_Zero_%E2%80%93_How_does_this_tutorial_work\" title=\"Step Zero &#8211; How does this tutorial work?\">Step Zero &#8211; How does this tutorial work?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/ultering.com\/it4us\/?p=4244\/#Step_One_%E2%80%93_Angular_10_Bootstrap_Setup\" title=\"Step One &#8211; Angular 10 + Bootstrap Setup\">Step One &#8211; Angular 10 + Bootstrap Setup<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/ultering.com\/it4us\/?p=4244\/#Step_One_B_%E2%80%93_Creating_A_Local_Installation_To_Preserve_Current_Environment\" title=\"Step One B &#8211; Creating A Local Installation To Preserve Current Environment\">Step One B &#8211; Creating A Local Installation To Preserve Current Environment<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/ultering.com\/it4us\/?p=4244\/#Step_Two_%E2%80%93_Angular_10Bootstrap_Modules_and_View_Setup\" title=\"Step Two &#8211; Angular 10\/Bootstrap Modules and View Setup\">Step Two &#8211; Angular 10\/Bootstrap Modules and View Setup<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/ultering.com\/it4us\/?p=4244\/#Step_Three_%E2%80%93_TODO\" title=\"Step Three &#8211; TODO\">Step Three &#8211; TODO<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/ultering.com\/it4us\/?p=4244\/#Step_Four_%E2%80%93_TODO\" title=\"Step Four &#8211; TODO\">Step Four &#8211; TODO<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h1><span class=\"ez-toc-section\" id=\"Angular_10_plus_Bootstrap_Step-by-Step\"><\/span>Angular 10 plus Bootstrap Step-by-Step<span class=\"ez-toc-section-end\"><\/span><\/h1>\n<h6><span class=\"ez-toc-section\" id=\"A_tutorial_split_into_small_steps\"><\/span>A tutorial split into small steps.<span class=\"ez-toc-section-end\"><\/span><\/h6>\n<p>&nbsp;<\/p>\n<p>Using Angular 10, Bootstrap, Ng-bootstrap, etc., the application grows in steps treating one subject at a time up to a full application plus extra subjects.<\/p>\n<\/div>\n<div class=\"row\" style=\"padding-right: 15px !important;\">\n<div class=\"col-xs-6 col-lg-4\" style=\"text-align: left;\">\n<h2><span class=\"ez-toc-section\" id=\"Step_Zero_%E2%80%93_How_does_this_tutorial_work\"><\/span><a href=\"https:\/\/ultering.com\/it4us\/?p=4294\">Step Zero &#8211; How does this tutorial work?<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Understand how to use it.<br \/>\nDownload the code.<\/p>\n<\/div>\n<div class=\"col-xs-6 col-lg-4\" style=\"text-align: left;\">\n<h2><span class=\"ez-toc-section\" id=\"Step_One_%E2%80%93_Angular_10_Bootstrap_Setup\"><\/span><a href=\"https:\/\/ultering.com\/it4us\/?p=4246\">Step One &#8211; Angular 10 + Bootstrap Setup<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Create the initial structure for an Angular 10 project from scratch.<\/p>\n<\/div>\n<div class=\"col-xs-6 col-lg-4\" style=\"text-align: left;\">\n<h2><span class=\"ez-toc-section\" id=\"Step_One_B_%E2%80%93_Creating_A_Local_Installation_To_Preserve_Current_Environment\"><\/span><a href=\"https:\/\/ultering.com\/it4us\/?p=4252\">Step One B &#8211; Creating A Local Installation To Preserve Current Environment<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Create a local initial structure for the project independent of your global previous configuration.<\/p>\n<\/div>\n<\/div>\n<div class=\"row\" style=\"padding-right: 15px !important;\">\n<div class=\"col-xs-6 col-lg-4\" style=\"text-align: left;\">\n<h2><span class=\"ez-toc-section\" id=\"Step_Two_%E2%80%93_Angular_10Bootstrap_Modules_and_View_Setup\"><\/span><a href=\"https:\/\/ultering.com\/it4us\/?p=4284\">Step Two &#8211; Angular 10\/Bootstrap Modules and View Setup<\/a><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>If you have previous installation.<\/p>\n<\/div>\n<p><!--\/row--><\/p>\n<div class=\"col-xs-6 col-lg-4\" style=\"text-align: left;\">\n<h2><span class=\"ez-toc-section\" id=\"Step_Three_%E2%80%93_TODO\"><\/span><a href=\"https:\/\/ultering.com\/it4us\/?p=4336\">Step Three &#8211; <\/a>TODO<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>&#8212;<\/p>\n<\/div>\n<div class=\"col-xs-6 col-lg-4\" style=\"text-align: left;\">\n<h2><span class=\"ez-toc-section\" id=\"Step_Four_%E2%80%93_TODO\"><\/span><a href=\"https:\/\/ultering.com\/it4us\/?p=4340\">Step Four &#8211; <\/a>TODO<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>&#8212;<\/p>\n<\/div>\n<\/div>\n<\/div>\n<p><!--\/row offcanvas --><\/p>\n<\/div>\n<div style=\"margin-top: 50px;\">&nbsp;<\/div>\n<!--CusAds0-->\n<div style=\"font-size: 0px; height: 0px; line-height: 0px; margin: 0; padding: 0; clear: both;\"><\/div>","protected":false},"excerpt":{"rendered":"<p>&nbsp; Toggle nav Angular 10 plus Bootstrap Step-by-Step A tutorial split into small steps. &nbsp; Using Angular 10, Bootstrap, Ng-bootstrap, etc., the application grows in steps treating one subject at a time up to a full application plus extra subjects. Step Zero &#8211; How does this tutorial work? Understand how to use it. Download the &#8230; <a href=\"https:\/\/ultering.com\/it4us\/?p=4244\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> &#8220;ANGULAR: Create an Angular 10 project using Bootstrap &#8211; INDEX&#8221;<\/span> &raquo;<\/a><\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"categories":[192,193,26],"tags":[],"class_list":["post-4244","post","type-post","status-publish","format-standard","hentry","category-angular","category-bootstrap","category-javascript"],"_links":{"self":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts\/4244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4244"}],"version-history":[{"count":6,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts\/4244\/revisions"}],"predecessor-version":[{"id":4530,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=\/wp\/v2\/posts\/4244\/revisions\/4530"}],"wp:attachment":[{"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4244"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4244"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ultering.com\/it4us\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}