Composer adalah Dependecy Manager yang ada di dalam pemrogramman PHP. Dependency adalah bergantung, atau bisa di sebut banyak file yang bergantung dalam file file yang lain, dimana satu program bergantung pada program yang lainnya. Semakin banyak nya pengembang semakin sulit mengorganisir nya, disini lah peran composer untuk mengorganisir package package yang ada dalam satu sumber, kalo teman teman ingin mencari package package PHP bisa kunjungi link ini https://packagist.org/. kali ini kita akan mempraktekan bagaimana Cara Install Bootstrap 4 dengan Composer,
Langsung saja kita praktekan yah teman teman, pertama kalian harus membuat folder di htdocs, dan buka command prompt kalian, lihat contoh.
disini saya membuat folder dengan nama twiiterBootstrap,
lalu folder yang kita buat tadi panggil di command prompt kalian. kalian bisa ketikan di CMD kalian seperti ini L:\xampp\htdocs\twitterBootstrap, L itu nama folder saya yah, sesuaikan dengan nama folder teman teman.
lalu kita ke link in iuntuk mencari package nya https://packagist.org/, cari di form pencarian keyword dengan nama twbs/bootstrap
kita bisa pilih yang paling atas yah teman teman, dan kita bisa lihat bahwa yang mendownload itu sudah
lalu kita klik yang paling atas, dan copy kan ini di command prompt kalian yah teman teman,
copy di CMD lalu tekan tombol enter, ini adalah proses instalasi nya yah teman teman.
coba kita buka di text editor kita, maka akan terinstall package package nya,
setelah itu kita buat file index.php sejajar dengan file composer.json
di dalam index.php ketikan struktur HTML berikut.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Bootstrap 101 Template</title>
<!-- Bootstrap -->
<link href="vendor/twbs/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<![endif]-->
</head>
<body>
<div class="container">
<div class="row">
<div class="col">
<p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor architecto consequuntur accusantium provident, repellendus reiciendis unde doloribus quae voluptatibus ducimus soluta ipsa neque totam, aspernatur ut, eaque nisi est, obcaecati praesentium! Magnam quis impedit aliquam totam voluptatem cumque, officiis beatae, asperiores repellat illum rerum sed corrupti nulla, ea quasi dolorem rem expedita similique! Officiis, quibusdam cumque. Atque impedit minima est eos culpa et quam, dolores quia nesciunt qui ab hic magni, quo suscipit! Veniam consequatur assumenda nam aut quis fugit, aspernatur, minima, quidem veritatis, laborum autem distinctio! Iusto voluptate veritatis explicabo laborum fuga quo illum, ipsum eveniet voluptatibus voluptas impedit!</p>
</div>
</div>
</div>
</body>
</html>
yang terpenting adalah kalian memanggil file file bootstrap nya dengan benar yaitu di bagian pemanggilan css externalnya harus benar seperti berikut
nah coba kalian buka di localhost kalian, bila hasilnya seperti berikut maka installasi berhasil.
oke seperti itulah Cara Install Bootstrap 4 dengan Composer, semoga bermanfaat yah teman teamn.