ویرایش »
<!DOCTYPE html> <html lang="fa" dir="rtl"> <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>با استفاده از کلاس small-centered. می توانید ستون ها وسط چین کنید. دستگاه های medium و large حالت وسط چین را از حالت small به ارث می برند اما اگر می خواهید که وسط چین شدن را تنها برای دستگاه های large مشخص کنید، از کلاس large-centered. استفاده کنید. </p> <p>مرورگر را تغییر اندازه دهید تا تاثیر را مشاهده کنید</p> <div class="small-4 small-centered columns" style="background-color:yellow;">small-4 small-centered</div> </div> <div class="row"> <div class="small-6 small-centered columns" style="background-color:pink;">small-6 small-centered</div> </div> <div class="row"> <div class="small-6 large-centered columns" style="background-color:lightgreen;">small-6 large-centered</div> </div> <div class="row"> <div class="small-8 small-centered large-uncentered columns" style="background-color:yellow;">small-8 small-centered large-uncentered</div> </div> <div class="row"> <div class="small-10 small-centered columns" style="background-color:pink;">small-10 small-centered</div> </div> </body> </html>
×
Report a Problem:
Your E-mail:
Page address:
Description:
Submit
