3245

سوالی در مورد bootstrap

4 پست در این موضوع قرار دارد

سلام

خسته نباشید،

من میخوام همچین طرحی رو با bootstrap بزنم:

110ad9dd08.jpg

یعنی میخوام همچین باکسهایی ایجاد کنم، سپس محتویاتم رو توی باکس ها بزارم، فکر کنم توی بوت استراپ بهشون میگن grid

ممنون میشم کمک کنید

 

با تشکر

ویرایش شده در توسط 3245
1

به اشتراک گذاری این پست


لینک به پست

سلام

بفرمایید

<div class="row">
	<div class="col-md-4"> <!-- ستون چپ -->
    	باکس دوم
    </div> <!-- /ستون چپ -->
    
    <div class="col-md-8"> <!-- ستون راست -->
    	<div class="row">	
        	<div class="col-md-12">
            	باکس نخست
            </div>
        </div>
        <div class="row">
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        	<div class="col-md-6">
            	باکس کوچک
            </div>
        </div>
    </div> <!-- /ستون راست -->
</div>

 

1

به اشتراک گذاری این پست


لینک به پست

خیلی خیلی ممنون

این کلاسها رو شما حفظ هستید؟ یا اینکه generator داره؟

کلیپ اموزشی در این مورد نیست خرید کنیم و حفظ بشیم؟

1

به اشتراک گذاری این پست


لینک به پست
در 4 دقیقه قبل، 3245 گفته است :

خیلی خیلی ممنون

این کلاسها رو شما حفظ هستید؟ یا اینکه generator داره؟

کلیپ اموزشی در این مورد نیست خرید کنیم و حفظ بشیم؟

خواهش می‌کنم

حفظ شدم :D زیاد سخت نیست یه بار قالب بسازی باهاش بیشتر کلاس‌های مهمش یادت می‌مونه.

برای آشنایی با کلاس‌های گوناگون بوت‌استرپ سایتش رو یه نگاه بنداز

http://getbootstrap.com/components/

و برای آشنایی با کلاس‌های CSS بوت‌استرپ

http://getbootstrap.com/css/

سایت w3schools.com رو هم دریاب. آموزشای خوبی داره ;)

 

ویرایش شده در توسط DariushGreat
1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری