gpt4 book ai didi

html - 如何为我的 Bootstrap 3.0 主题创建带有自定义字形图标的 iPhone 样式底部导航栏?

转载 作者:太空狗 更新时间:2023-10-29 13:41:49 25 4
gpt4 key购买 nike

为我父亲设计一个自定义网站主题,他曾经是瓜达拉哈拉业余拳击手的 Angular 卫(他在那里遇到了我的墨西哥妈妈!)。

我使用 .nav-pills 制作了 Pills 导航,如下所示 => http://getbootstrap.com/components/#nav-pills但我爸爸想要一个 iphone 底部锚定型导航栏,带有用于“新闻”部分的手套图标,用于 cutman 提示部分的血腥毛巾图标等。

有点像下面显示的这个 iphone 导航栏,但我的限制是我想在 bootstrap 中将它开发为移动 Web 应用程序,该应用程序具有响应性并显示一个看起来像 iphone 栏的导航栏(希望这有意义吗?!! !我的天啊!)

以下示例来自 this Stack overflow答案使用 JQuery Mobile。 我不能在我的 bootstrap 主题中使用 jquery mobile,因为它太过分了(对吧?)!

iphone bottom nav bar in jquery mobile

所以 2 个问题

1) 有没有人有可以制作这种类型的导航栏/菜单的示例?在静态生成的网站中使用 Bootstrap 3.0 FYI,使用 HTML5、Javascript 和 CSS 以及具有响应式最终目标的 Bootstrap 框架。

至于我的努力,我尝试了各种使用 Bootstrap 上的 Pills 导航栏作为启动器的方法,但似乎无法使背景图像正常工作,以及看起来像 iphone 底栏的栏!还在网上搜索字形制造商,运气不好,都是垃圾网站。

非常感谢!!!

最佳答案

Bootply 上的这个示例应该可以帮助您入门..

http://bootply.com/106743

底部导航栏使用 xs Bootstrap 网格列来防止在较小的屏幕 (iPhone) 上垂直堆叠。您可以使用包含的字形图标,或查看 FontAwesome 以获取更多图标。

关于html - 如何为我的 Bootstrap 3.0 主题创建带有自定义字形图标的 iPhone 样式底部导航栏?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21199760/

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