Bootstrap vs Media Query: چگونه می توان یک صفحه را پاسخگو دانست

عکس پروفایل نویسنده

استفاده از بوت استرپ برای پاسخگو بودن یک صفحه باعث صرفه جویی در وقت و فضای حافظه می شود. بیایید ببینیم این چگونه ممکن است.

من یک صفحه وب ساختگی ایجاد کرده ام که دارای چهار شبکه است که در زیر نشان داده شده است:

در زیر تصویری نشان داده شده است که نشان می دهد در صفحه های متوسط ​​چگونه به نظر می رسد:

در اندازه های صفحه نمایش کوچک ، شکل ظاهری اینگونه است:

می خواهید جادو را بدانید؟ این کد است:

class="container-fluid" <div class="row"
Lorem ipsum dolor sit amet, te elit porro offendit sea. Quo ad nemore volutpat percipitur. An vero salutandi mea, vel homero meliore principes ex. Alii euismod cum an, vix feugait prodesset appellantur id. Nominavi disputando et sed, nihil persius detraxit usu cu. His te eius animal...
Lorem ipsum dolor sit amet, te elit porro offendit sea. Quo ad nemore volutpat percipitur. An vero salutandi mea, vel homero meliore principes ex. Alii euismod cum an, vix feugait prodesset appellantur id. Nominavi disputando et sed, nihil persius detraxit usu cu. His te eius animal...
Lorem ipsum dolor sit amet, te elit porro offendit sea. Quo ad nemore volutpat percipitur. An vero ...
سئو PBN | خبر های جدید سئو و هک و سرور