<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7582431381090141789&zx=1f390110-6aab-4ff9-af21-da356a1594a1' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=7582431381090141789&zx=1f390110-6aab-4ff9-af21-da356a1594a1' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<!-- data-ad-client=ca-pub-5655434228706194 -->

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&family=Mandali&family=Josefin+Sans"></head><body>

April 04, 2023

Cara menggunakan bootstrap 5

Installasi bootstrap ada beberapa cara, namun ada 2 cara yang umum digunakan :

cara pertama, dengan download seluruh compiled

cara kedua, dengan CDN via jsDelivr

lihat cara install lengkap disini

Postingan Lama

Postingan Lebih Baru

Berbagi

Facebook WhatsApp Twitter Telegram Line Tumblr LinkedIn Pinterest

Penulis blog

Teranix

Anda mungkin menyukai postingan ini

Tidak ada komentar

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7xy-vNRZN05iM4aFauQhmRgpg4vw:1732431742719';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d7582431381090141789','//www.kodeteks.com/2023/03/cara-install-bootstrap-5.html','7582431381090141789');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '7582431381090141789', 'title': 'KodeTeks', 'url': 'https://www.kodeteks.com/2023/03/cara-install-bootstrap-5.html', 'canonicalUrl': 'https://www.kodeteks.com/2023/03/cara-install-bootstrap-5.html', 'homepageUrl': 'https://www.kodeteks.com/', 'searchUrl': 'https://www.kodeteks.com/search', 'canonicalHomepageUrl': 'https://www.kodeteks.com/', 'blogspotFaviconUrl': 'https://www.kodeteks.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22KodeTeks - Atom\x22 href\x3d\x22https://www.kodeteks.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22KodeTeks - RSS\x22 href\x3d\x22https://www.kodeteks.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22KodeTeks - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/7582431381090141789/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22KodeTeks - Atom\x22 href\x3d\x22https://www.kodeteks.com/feeds/3733708213766011498/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-5655434228706194', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/d78375fb222d99b3', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Bagikan ke X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Selengkapnya \xbb', 'pageType': 'item', 'postId': '3733708213766011498', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUipn9tBYiiqZvz5MKe2GDWKo11M-RoZA3wfN-N-lozu_pgs7v0_X6BlhyK0dRf2W3JboSsl9FljisIdT1JxI2Vrg0_ZZ7YL_2g8VyJ3dvWSVDNV2FKUr0B8Mzq1lrjLvEix_oj_YOK0zrgu5Du0JtEikAqURfdwFr7A3rlwRwIQDFfHrOBDUGmAAEA/s72-c/navbar2.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUipn9tBYiiqZvz5MKe2GDWKo11M-RoZA3wfN-N-lozu_pgs7v0_X6BlhyK0dRf2W3JboSsl9FljisIdT1JxI2Vrg0_ZZ7YL_2g8VyJ3dvWSVDNV2FKUr0B8Mzq1lrjLvEix_oj_YOK0zrgu5Du0JtEikAqURfdwFr7A3rlwRwIQDFfHrOBDUGmAAEA/s320/navbar2.png', 'pageName': 'Cara menggunakan bootstrap 5', 'pageTitle': 'KodeTeks: Cara menggunakan bootstrap 5', 'metaDescription': 'Installasi bootstrap ada beberapa cara, namun cara yang umum digunakan dengan download seluruh compiled atau dengan CDN via jsDeliv'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Cara menggunakan bootstrap 5', 'description': 'Installasi bootstrap ada beberapa cara, namun cara yang umum digunakan dengan download seluruh compiled atau dengan CDN via jsDeliv', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUipn9tBYiiqZvz5MKe2GDWKo11M-RoZA3wfN-N-lozu_pgs7v0_X6BlhyK0dRf2W3JboSsl9FljisIdT1JxI2Vrg0_ZZ7YL_2g8VyJ3dvWSVDNV2FKUr0B8Mzq1lrjLvEix_oj_YOK0zrgu5Du0JtEikAqURfdwFr7A3rlwRwIQDFfHrOBDUGmAAEA/s320/navbar2.png', 'url': 'https://www.kodeteks.com/2023/03/cara-install-bootstrap-5.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 3733708213766011498}}, {'name': 'widgets', 'data': [{'title': 'KodeTeks (Header)', 'type': 'Header', 'sectionId': 'Header', 'id': 'Header1'}, {'title': 'Nav Menu', 'type': 'HTML', 'sectionId': 'Navigation', 'id': 'HTML100'}, {'title': '{post:before}', 'type': 'HTML', 'sectionId': 'Page_Body', 'id': 'HTML2'}, {'title': '{post:middle}', 'type': 'HTML', 'sectionId': 'Page_Body', 'id': 'HTML4'}, {'title': '{post:after}', 'type': 'HTML', 'sectionId': 'Page_Body', 'id': 'HTML3'}, {'title': 'Postingan Blog', 'type': 'Blog', 'sectionId': 'Page_Body', 'id': 'Blog1', 'posts': [{'id': '3733708213766011498', 'title': 'Cara menggunakan bootstrap 5', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisUipn9tBYiiqZvz5MKe2GDWKo11M-RoZA3wfN-N-lozu_pgs7v0_X6BlhyK0dRf2W3JboSsl9FljisIdT1JxI2Vrg0_ZZ7YL_2g8VyJ3dvWSVDNV2FKUr0B8Mzq1lrjLvEix_oj_YOK0zrgu5Du0JtEikAqURfdwFr7A3rlwRwIQDFfHrOBDUGmAAEA/s320/navbar2.png', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': '-'}, {'name': 'share', 'label': ''}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Komentar dengan baik dan bijak'}, {'name': 'backlinks', 'label': 'You might like'}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags'}]}, {'regionName': 'footer3', 'items': [{'name': 'reactions', 'label': 'Post Navi'}]}], 'allBylineItems': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': '-'}, {'name': 'share', 'label': ''}, {'name': 'comments', 'label': 'Komentar dengan baik dan bijak'}, {'name': 'backlinks', 'label': 'You might like'}, {'name': 'labels', 'label': 'Tags'}, {'name': 'reactions', 'label': 'Post Navi'}]}, {'title': 'Postingan Terbaru', 'type': 'FeaturedPost', 'sectionId': 'Sidebar', 'id': 'FeaturedPost1', 'postId': '8877687665765522784'}, {'title': 'Kategori', 'type': 'Label', 'sectionId': 'Sidebar', 'id': 'Label1'}, {'title': 'Postingan Populer', 'type': 'PopularPosts', 'sectionId': 'Sidebar', 'id': 'PopularPosts1', 'posts': [{'title': 'Program python menghitung luas persegi panjang', 'id': 8139850818200041110}, {'title': 'Program Python Nilai Data Mahasiswa Kehadiran, UTS, UAS, Tugas', 'id': 5438720521865967208}, {'title': 'Program Daftar \x26 Login dengan module getpass () Python', 'id': 6957071674538146249}, {'title': 'Prompt Untuk Generate Gambar Programmer ', 'id': 2690743432491487695}, {'title': 'Program Java Nilai UAS, UTS, TUGAS Mahasiswa', 'id': 834693078172558865}]}, {'title': '', 'type': 'HTML', 'sectionId': 'Sidebar_sticky', 'id': 'HTML1'}, {'title': '', 'type': 'PageList', 'sectionId': 'Footer', 'id': 'PageList121'}, {'title': 'Footer Credit', 'type': 'HTML', 'sectionId': 'Footer_Credit', 'id': 'HTML119'}, {'title': 'Plugin - Insert to Post', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML200'}, {'title': 'Plugin - Watermark', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML201'}, {'title': 'Plugin - Table of Content', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML202'}, {'title': 'Plugin - Live Search', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML203'}, {'title': 'Plugin - Disable Copy/Paste', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML204'}, {'title': 'Plugin - Shortlink', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML205'}, {'title': 'Plugin - Safelink', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML207'}, {'title': 'Plugin - Single Page Application', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML208'}, {'title': 'Plugin - Split Post', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML209'}, {'title': 'Plugin - Lightbox', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML210'}, {'title': 'Plugin - Anti AdBlock', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML211'}, {'title': 'Plugin - Bookmark', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML212'}, {'title': 'Plugin - Page', 'type': 'HTML', 'sectionId': 'Settings', 'id': 'HTML213'}, {'title': 'btn', 'type': 'HTML', 'sectionId': 'Shortcode', 'id': 'HTML5'}]}]);
_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'Header', document.getElementById('Header1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML100', 'Navigation', document.getElementById('HTML100'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'Page_Body', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'Page_Body', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'Page_Body', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Page_Body', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2646514562-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'Sidebar', document.getElementById('FeaturedPost1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'Sidebar', document.getElementById('Label1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'Sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'Sidebar_sticky', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList121', 'Footer', document.getElementById('PageList121'), {'title': '', 'links': [{'isCurrentPage': false, 'href': 'https://www.kodeteks.com/p/tentang-kami.html?amp\x3d0', 'title': 'About Us'}, {'isCurrentPage': false, 'href': 'https://www.kodeteks.com/p/contact-me.html?amp\x3d0', 'title': 'Contact Form'}, {'isCurrentPage': false, 'href': 'https://www.kodeteks.com/p/sitemap.html?amp\x3d0', 'title': 'Sitemap'}], 'mobile': false, 'showPlaceholder': true, 'hasCurrentPage': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML119', 'Footer_Credit', document.getElementById('HTML119'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML200', 'Settings', document.getElementById('HTML200'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML201', 'Settings', document.getElementById('HTML201'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML202', 'Settings', document.getElementById('HTML202'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML203', 'Settings', document.getElementById('HTML203'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML204', 'Settings', document.getElementById('HTML204'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML205', 'Settings', document.getElementById('HTML205'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML207', 'Settings', document.getElementById('HTML207'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML208', 'Settings', document.getElementById('HTML208'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML209', 'Settings', document.getElementById('HTML209'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML210', 'Settings', document.getElementById('HTML210'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML211', 'Settings', document.getElementById('HTML211'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML212', 'Settings', document.getElementById('HTML212'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML213', 'Settings', document.getElementById('HTML213'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'Shortcode', document.getElementById('HTML5'), {}, 'displayModeFull'));
</script>
</body>

KodeTeks

Cara menggunakan bootstrap 5

Berbagi

Penulis blog

Anda mungkin menyukai postingan ini

#{title}

Tidak ada komentar

Membuat Gambar Humanoid Animal Dengan AI

Program python menghitung luas persegi panjang

Program Python Nilai Data Mahasiswa Kehadiran, UTS, UAS, Tugas

Program Daftar & Login dengan module getpass () Python

Prompt Untuk Generate Gambar Programmer

Program Java Nilai UAS, UTS, TUGAS Mahasiswa