gpt4 book ai didi

jquery - 如何实现这个模板的 "responsiveness"?

转载 作者:太空宇宙 更新时间:2023-11-04 04:40:54 24 4
gpt4 key购买 nike

我在看这个模板:

http://www.meanthemes.com/theme/daily/photo/

我的网站上会有与此类似的图 block ,但我不确定如何开始根据窗口大小移动图 block 。我目前正在使用 MeanMenu ( http://www.meanthemes.com/plugins/meanmenu/ ),这对菜单项来说很棒,但我不知道如何处理正文。 HTML/CSS/JQuery 的 super 新手——任何指针都会很棒。

最佳答案

OP,

Twitter Bootstrap可能是您正在寻找的。

Bootstrap 可以很好地处理响应式 UI。

Fluid Grid System 文档有更多信息和示例,但这里是概述:

The fluid grid system uses percents instead of pixels for column widths. It has the same responsive capabilities as our fixed grid system, ensuring proper proportions for key screen resolutions and devices. - via the Bootstrap Docs

用户界面/导航栏

除了响应式设计之外,Bootstrap 还附带了一堆常用的 UI 元素/插件。像 MeanMenu(不可否认,我对此一无所知),Bootstrap 确实 navigation bars .

Plunker,协作式在线编辑。

最后,由于您刚刚起步,Plunker是原型(prototype)制作和样板的绝佳工具。这对于与 SO 社区共享代码问题/答案特别有用。

我整理了一个 Plunk > http://plnkr.co/edit/LF6BCCDam2w67aUwOSaq其中包括 Bootstrap 以及响应式图像网格和导航栏的示例。

希望对您有所帮助。祝你好运!

关于jquery - 如何实现这个模板的 "responsiveness"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15490513/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com