【问题标题】:Make a concave navbar with twitter bootstrap使用 twitter bootstrap 制作凹形导航栏
【发布时间】:2013-04-27 03:22:10
【问题描述】:

我正在尝试使页脚导航栏略微凹入而不是水平。有人知道这样做的好方法吗?

更新

抱歉,我之前没有进行描述。我正在尝试执行以下操作。棕褐色部分将是导航栏页脚:

解决方案

更改页脚上方 div 的边框半径有效。这是我所做的:

  border-bottom-left-radius: 30% 20%;
  border-bottom-right-radius: 30% 20%;
  z-index: 5;
  border-bottom: 2px solid #b7af98;

【问题讨论】:

  • 你能展示你正在使用的东西吗?通过猜测你的意思,我认为这可以通过修改border-radius css 属性来实现。
  • @icanc,查看我添加的图片以了解我想要实现的目标

标签: css ruby-on-rails twitter-bootstrap navbar


【解决方案1】:

我想你要找的是这个:

http://www.w3schools.com/cssref/css3_pr_border-radius.asp

既然你想在页脚上做这件事,你可能想试试:

footer {
    border-top-left-radius:15px;
    border-top-right-radius:15px;
}

【讨论】:

  • 谢谢,这就是我要找的!我最终更改了页脚上方 div 的border-bottom 属性。请参阅解决方案的第二次更新。
【解决方案2】:

尝试在现有元素之一中使用背景图片。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-08-10
    • 2013-09-18
    • 1970-01-01
    • 2012-10-16
    • 1970-01-01
    • 1970-01-01
    • 2014-02-09
    相关资源
    最近更新 更多