waktu tersisa untuk klaim promo DISKON 40%. Klaim Promo

Sistem Grid Bootstrap

Ditanyakan 3 bulan yang lalu oleh Wahyu Fajrin Nusya
<div class="row">
   <div class="col-md-3 col-md-offset-3 bg-primary">
      Kolom Keenam
   </div>
   <div class="col-md-6 bg-success">
      Kolom Ketujuh
     </div>
</div>

Kenapa offsetnya malah berada disebelah kanan? Sedangkan di video pembelajaran berada di sebelah kiri. Mohon info dan bantuannya.

Comment ..

Hai mas, bisa sertakan source codenya? agar kita analisa terlebih dahulu

Dikomentari 3 bulan yang lalu oleh Ahmad Oriza Sahputra
Comment ..
<!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="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]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-6 bg-primary">
                Kolom Pertama
            </div>
            <div class="col-md-6 bg-success">
                Kolom Kedua
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 bg-info">
                Kolom Ketiga
            </div>
            <div class="col-md-4 bg-success">
                Kolom Keempat
            </div>
            <div class="col-md-4 bg-primary">
                Kolom Kelima
            </div>
        </div>
        <div class="row">
            <div class="col-md-3 col-md-offset-3 bg-primary">
                Kolom Keenam
            </div>
            <div class="col-md-6 bg-success">
                Kolom Ketujuh
            </div>
    </div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
</body>

</html>

Ini source codenya mas. Mohon bantuannya. Terima kasih.

Dikomentari pada tanggal 16 August 2019 oleh Wahyu Fajrin Nusya
Comment ..

Saya udah coba codingnya, di saya kok aman yaa..offset sebelah kiri

Dikomentari pada tanggal 22 October 2019 oleh Hadyan Palupi
BUAT KOMENTAR