如何使导航栏中的图像变大?
我正在根据 clojure桥上的登录页面。
我使用py-3
使导航栏更大,并添加了徽标。但是导航栏中的徽标仍然很小。它占用了可能的空间的一小部分。我如何使其更大?
(defn navigation-top
[]
;; Navigation bar (responsive)
[:nav {:class "navbar is-fixed-top is-white has-shadow py-3"
:role "navigation"
:aria-label "main navigation"}
[:div {:class "container"}
[:div {:class "navbar-brand"}
[:a {:class "navbar-item"
:href "/"}
[:img {:src "img/logo.png"}]]
[:span {:class "navbar-burger burger"
:data-target "navbarClojureBridge"}
;; Empty spans needed for navbar burger
[:span] [:span] [:span]]]
[:div {:id "navbarClojureBridge"
:class "navbar-menu"}
[:div {:class "navbar-end"}
[:a {:class "navbar-item"
:href "/contact"
:style {:font-weight "bold"}} "Contact"]]]]])
编辑:我认为使用Navbar的问题是图像周围有填充物,但我不知道如何摆脱它。我正在使用Bulma,所以我必须挖掘Bulma文件吗?
I'm making a landing page based on the one from Clojure Bridge.
I made the navigation bar bigger using py-3
and added a logo. But the logo that's in the navigation bar is still tiny. It takes up a fraction of the space it could. How do I make it bigger?
(defn navigation-top
[]
;; Navigation bar (responsive)
[:nav {:class "navbar is-fixed-top is-white has-shadow py-3"
:role "navigation"
:aria-label "main navigation"}
[:div {:class "container"}
[:div {:class "navbar-brand"}
[:a {:class "navbar-item"
:href "/"}
[:img {:src "img/logo.png"}]]
[:span {:class "navbar-burger burger"
:data-target "navbarClojureBridge"}
;; Empty spans needed for navbar burger
[:span] [:span] [:span]]]
[:div {:id "navbarClojureBridge"
:class "navbar-menu"}
[:div {:class "navbar-end"}
[:a {:class "navbar-item"
:href "/contact"
:style {:font-weight "bold"}} "Contact"]]]]])
Edit: I think with the navbar the problem is that there is padding around the image, but I don't know how to get rid of it. I'm using bulma, so would I have to go digging through the bulma file?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论