ویرایش »
<!DOCTYPE html> <html lang="en"> <head> <title>Foundation Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.css"> <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js"></script> </head> <body> <div class="row"> <h2>شبکه بندی - سه ستون نامساوی</h2> <p>در این مثال به شما نشان می دهیم که چطور سه ستون با عرض نامساوی را با شروع پیمایش از تبلت ها تا رایانه های رومیزی ایجاد کنید. در موبایل ها ستون ها به طور اتوماتیک دسته بندی می شوند.</p> <p>مرورگر را تغییر اندازه دهید تا نتیجه را مشاهده کنید.</p> <div class="medium-3 columns" style="background-color:yellow;"> <p>.medium-3</p> </div> <div class="medium-6 columns" style="background-color:pink;"> <p>.medium-6</p> </div> <div class="medium-3 columns" style="background-color:yellow;"> <p>.medium-3</p> </div> </div> </body> </html>
×
Report a Problem:
Your E-mail:
Page address:
Description:
Submit
