درود بر شما
من فایل ها رو از سایت Bootstrap گرفتم و در فایلم قرار دادم اما وقتی از کلاس col و row استفاده میکنم هیچ اتفاقی برای تغییر شکل سایتم نمی افته.
لطفا راهنمایی کنید.
سپاس
<!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"> <title></title> <link href="css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row"> <div class="col col-lg-8"> I am Apameh and learn boorstrap I am Apameh and learn boorstrap I amApameh and learn boorstrap I am Apameh and learn boorstrap </div> <div class="col clo-sm-4"> text is bootstrap text is bootstrap text is bootstrap text is bootstrap </div> </div> </div> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/npm.js"></script> </body> </html>
به شکل زیر قرار دهید
<!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"> <title></title> <link href="/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row"> <div class="col col-lg-8"> I am Apameh and learn boorstrap I am Apameh and learn boorstrap I amApameh and learn boorstrap I am Apameh and learn boorstrap </div> <div class="col clo-sm-4"> text is bootstrap text is bootstrap text is bootstrap text is bootstrap </div> </div> </div> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/npm.js"></script> </body> </html>
تغییر کرد اما چرا صفحه من وسط چین نیست؟
در صورتی که با گذاشتن همین کدها صفحه باید وسط چین شه(در فیلم آموزشی)
سپاس
در کدهای شما اثری از وسط چین وجود نداره
کلمه Col هم اضافه است از اول class ها حذف کنید
<div class="col-md-8 col-lg-8"> I am Apameh and learn boorstrap I am Apameh and learn boorstrap I amApameh and learn boorstrap I am Apameh and learn boorstrap </div> <div class="col-md-4 col-lg-4"> text is bootstrap text is bootstrap text is bootstrap text is bootstrap </div>
هیچ کاربری تا کنون از این پست تشکر نکرده است
با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)