Question

我尝试覆盖＆＃34; margin-bottom：20px＆＃34;在.nav中将值更改为＆＃34; margin-bottom：0＆＃34;但它确实有效。它仅用于特定网页一次。

我不知道该怎么办？

我仍然希望保持原始价值＆＃34;保证金底部：20px＆＃34;因为它用于其他网页。

/*if (!$role) $this->_helper->layout->setLayout ( 'pages/404' );
                    else $this->_helper->layout->setLayout ( '404' );

                    break;
                default:
                    // application error
                    $this->getResponse()->setHttpResponseCode(500);
                    $this->view->message = 'Application error';
                    break;*/

enter image description here

Answer 1

使用具有更高优先级的内联样式，因为您仅使用单个页面，所以它将起作用。

<div class="nav" style="margin-bottom: 0;">

Answer 2

你必须确保你是：

<强>首先

匹配样式，所以

<style>

   nav  {
      margin-bottom: 20px;
    }

</style>

需要

<style>

   .nav   { /* note the period/full-stop  */
      margin-bottom: 20px;
    }

</style>

<强>其次

在特定页面的<style>中加载后，<head>声明需要，以便覆盖之前的CSS言。

Answer 3

您是否在自定义样式表/内部页面样式之前或之后链接到bootstrap.min.css文件？

此外，bootstrap.min.css的目标是导航的CLASS（.nav）。您的目标是HTML5元素nav。

编辑：我注意到您已将OP中的nav更改为.nav。

覆盖单个页面的Bootstrap样式

3 个答案: