简体   繁体   中英

Make a concave navbar with twitter bootstrap

I'm trying to make my footer navbar slightly concave instead of horizontal. Anyone know of a good way to do this?

UPDATE

Sorry, I wasn't to descriptive before. I'm trying to do something like the following. The tan part would be the navbar footer:

在此处输入图片说明

SOLUTION

Changing the border radius on the div above the footer worked. Here's what I did:

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

I think what you are looking for is this :

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

and since you want this done to a footer, you may want to try :

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

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

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM