boostrap的导航条怎么调整高度?

suikui1458 2017-11-17 01:24:24

我是刚刚才开始学习bootstrap,做导航条的时候,感觉文档提供的导航条高度太低,想要调整一下高度,有做过这方面的大神吗?

...全文

376 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_36735468 2017-12-11

打赏
举报

回复

padding

我叫陈小皮。 2017-11-17

打赏
举报

回复

f12查看样式，找到控制导航条高度的样式，自己写一份覆盖掉bootstrap自带的样式

解决方案：导航条固定在顶部，同时为body设置内边距（padding-top），内边距为导航条高度（默认50px，可自己调整高度），html代码如下：   <div class=navbar ...

上一次写的《Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面》（点击打开链接）部分老一辈的需求可能对这种后现代的风格...我们需要准备东西同样只是photoshop里面的一幅高度为1的渐变条，首先打开photoshop，

如果更改文本的某些值，Bootstrap会丢失所有导航条格式。文本的对齐方式。默认对齐方式在所有左侧。这个想法以及我如何解决。由于Bootstrap的项目位于不规则的列表中，因此我无法使用float操作。我想出了使用...

.navbar-fixed-top使导航条固定在顶部 Index.html学习 Font Awesome 图标 Font Awesome 是一套绝佳的图标字体库和CSS框架。 Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用...

只要加上这段css就可以覆盖Bootstrap.css的代码，定制符合自己的样式 .navbar { min-height: 40px; } .nav > li > a { padding: 8px 15px; } .navbar-brand { padding: 8px 15px; } ...

61,112

社区成员

60,732

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章