css - 将 SASS 用于 Ruby on Rails 时,如何使用 border-radius 属性删除导航栏圆 Angular ?

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

我是编程新手,通过一门名为 One Month Rails 的类(class)学习 bootstrap。我想删除反向导航栏上的圆 Angular ,但我很难。我已经查看了下面链接中的两个 stackoverflow 线程,但仍然遇到问题。

目前我有一个名为“Bootstrap_and_customization.css.scss”的文件,它包含以下代码:

$body-bg:   #95a5a6;
$border-radius: 0px;
@import 'bootstrap';

但是,边框半径仍然是圆的。我希望我提供了足够的信息,但我可能没有,所以请告诉我。

谢谢

===== 链接:

Getting rid of all the rounded corners in Twitter Bootstrap

https://stackoverflow.com/questions/20926522/flat-ui-round-corners-css-html

最佳答案

我将不修改 css 添加类:navbar-static-top

即:

<nav class="navbar navbar-default navbar-static-top" role="navigation">

或者 navbar-fixed-top 类,如果你想让菜单固定在顶部(在大页面上)

即:

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">

关于css - 将 SASS 用于 Ruby on Rails 时,如何使用 border-radius 属性删除导航栏圆 Angular ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20941607/

相关文章:

css - 如何绘制不同边框宽度的偶数表格边框?

ruby-on-rails - rails/Ubuntu : SSLv3 read server certificate B: certificate verify failed

ruby-on-rails - 显示 SSHKit 调用的 rake 任务的输出

javascript - Jquery Mobile - 将响应式 Leaflet map 添加到页面内容

html - 将容器设置为垂直列而不是行

ruby-on-rails - Haml 更新后 Capybara::Poltergeist::MouseEventFailed (4.0.7 => 5.0.2) [RAILS]

ruby-on-rails - 如何在带有图像的 link_to 中添加跨度

ruby - sinatra,rack auth basic 和从文件中查找

ruby - 使用多个数组创建计数

jquery - fancybox 滑动运动故障/生涩