مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

apameh

عضویت از 1395/01/21

Bootstrap

  • شنبه 30 مرداد 1395
  • 17:32
تشکر میکنم

درود بر شما
من فایل ها رو از سایت 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>

پاسخ های این پرسش

تعداد پاسخ ها : 3 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • شنبه 30 مرداد 1395
  • 17:36

به شکل زیر قرار دهید

<!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>

 

کاربر سایت

apameh

عضویت از 1395/01/21

  • شنبه 30 مرداد 1395
  • 17:46

تغییر کرد اما چرا صفحه من وسط چین نیست؟

در صورتی که با گذاشتن همین کدها صفحه باید وسط چین شه(در فیلم آموزشی)

سپاس

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • شنبه 30 مرداد 1395
  • 17:54

در کدهای شما اثری از وسط چین وجود نداره

کلمه 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>

 

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)