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

آموزش Responsive Layout با Bootstrap

Twitter Bootstrap Responsive Layout

در این آموزش فراخواهید گرفت که چگونه طرح ها و لی اوت های وب responsive را در چارچوب twitter bootstrap ایجاد کنید.

طراحی یا لی اوت وب responsive چیست؟

طراحی وب responsive فرایند طراحی و ساختن وب سایت هایی می باشد که دسترسی بهتر و دید بهینه به کاربر ارائه می دهد. با بیشتر شدن گرایش به سمت تلفن ها و تبلت های هوشمند، نادیده گرفتن بهینه سازی سایت ها برای دستگاه های موبایل تقریبا اجتناب ناپذیر شده است. طراحی وب responsiveیک انتخاب قابل ترجیح و یک راه مناسب برای هدف قرار دادن دامنه ی وسیعی از دستگاه ها، بدون نیاز به تلاش زیاد می باشد. لی اوت های responsiveبه طور خودکار با هر سایز صفحه ای، لب تاب، گوشی و تبلت، سازگار می شوند.

ایجاد لی اوت responsive با استفاده از تویتر بوت استرپ

با twitter bootstrap 3 جدید، اولین گرید سیستم همراه ایجاد وب سایت های responsive و همراه بسیار آسان شده است. برخلاف ورژن قبلی لازم نیست شیوه های اضافی برای فعالسازی ویژگی responsive در آن به کار ببرید. Twitter bootstrap3از ابتدا responsive و همراه می باشد. چهار رده از گروه های گرید کنترل بهتری روی لی اوت و همچنین چگونگی اجرای آن روی دستگاه های مختلف ارائه می دهند.

مثال :








    

    Twitter Bootstrap 3 Responsive Layout Example

    

    

    

    





    

        

        

    

    

Learn to Create Websites

In today's world internet is the most popular way of connecting with the people. At tahlildadeh.com you will learn the essential of web development technologies along with real life practice example, so that you can create your own website to connect with the people around the world.

Get started today

HTML

HTML is a markup language that is used for creating web pages. The HTML tutorial section will help you understand the basics of HTML, so that you can create your own web pages or website.

Learn More »

CSS

CSS is used for describing the presentation of web pages. The CSS tutorial section will help you learn the essentials of CSS, so that you can fine control the style and layout of your HTML document.

Learn More »

Bootstrap

Twitter Bootstrap is a powerful front-end framework for faster and easier web development. The Twitter Bootstrap tutorial section will help you learn the techniques of Bootstrap so that you can create web your own website with much less efforts.

Learn More »

References

The references section outlines all the standard HTML tags and CSS properties along with other useful references such as color names and values, symbols and character entities, web safe fonts, language codes, HTTP messages and much more.

Learn More »

Examples

The examples section encloses an extensive collection of examples on various topic that you can try and test yourself using online HTML editor.

Learn More »

FAQ

The collection of Frequently Asked Questions (FAQ) provides brief answers to many common questions related to web design and development.

Learn More »


© Copyright 2013 Tutorial Republic

نکته:

خروجی این مثال را در یک پنجره ی جدید باز کرده و صفحه ای را که مشاهده می کنید تغییر اندازه دهید، وقتی که عرض ViewPort به محدوده ی خاصی نزدیک می شود، جهت گیری جعبه محتوا تغییر خواهد کرد.

  • 1425
  •    1862
  • تاریخ ارسال :   1394/07/27

دانلود PDF دانلود سورس کد دانشجویان گرامی اگر این مطلب برای شما مفید بود لطفا ما را در GooglePlus محبوب کنید
رمز عبور: tahlildadeh.com یا www.tahlildadeh.com
ارسال دیدگاه نظرات کاربران
شماره موبایل دیدگاه
عنوان پست الکترونیک

ارسال

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

تمامی حقوق این سایت متعلق به آموزشگاه تحلیل داده می باشد .