Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
HTML和CSS填充所有DIV_Html_Css_Reactjs_Bootstrap 4_React Bootstrap - Fatal编程技术网
Fatal编程技术网
  • html/
  • HTML和CSS填充所有DIV

HTML和CSS填充所有DIV

html css reactjs bootstrap-4

HTML和CSS填充所有DIV,html,css,reactjs,bootstrap-4,react-bootstrap,Html,Css,Reactjs,Bootstrap 4,React Bootstrap,我有一个带有图标的导航栏： 图标位于DIV的中心，但我想要的是填充所有DIV，然后不在左侧和右侧留空格 包含它的DIV如下所示： 我的是REACT应用程序，我也使用bootstrap。 我尝试添加左边距：0和右边距：0，但没有效果 这是HTML代码 <nav class="navbar navbar-expand navbar-light bg-light fixed-bottom" style="padding-top: 0px; padding-bottom: 0px; width

我有一个带有图标的导航栏：

图标位于DIV的中心，但我想要的是填充所有DIV，然后不在左侧和右侧留空格

包含它的DIV如下所示：

我的是REACT应用程序，我也使用bootstrap。 我尝试添加左边距：0和右边距：0，但没有效果

这是HTML代码

<nav class="navbar navbar-expand navbar-light bg-light fixed-bottom" style="padding-top: 0px; padding-bottom: 0px; width: 100%;">
   <div class="bottom-nav navbar-nav" style="height: 100%; margin: 0px auto;">
      <a href="#law" data-rb-event-key="#law" class="nav-icon fa-2x nav-link">
        ICON
      </a>
      <a href="#bar" data-rb-event-key="#bar" class="nav-icon fa-2x nav-link">
         ICON
      </a>
   </div>
</nav>
别忘了我用的是bootstrap，谢谢

你能帮我吗？
谢谢

只需添加一个自定义类，并提供完整的导航宽度。您的导航具有
显示：flex。因此，您可以使用
justify content:space-between分发图标：



。自定义导航{
证明内容：之间的空间；
宽度：100%；
}




在此处添加显示您的问题的最少代码我恐怕没有人能在没有看到源代码的情况下帮助您。