Twitter bootstrap React引导导航栏未向左齐平

我无法使基本React引导导航栏使品牌向左齐平（或向右拉动项目向右齐平）：

我试着输入一堆marginLeft:0和paddingLeft:0代码，但都没有用

import {Navbar, Nav, NavItem, NavDropdown, MenuItem} from "react-bootstrap"

render() {
  return (
    <Navbar style={{marginLeft: "0", paddingLeft: "0"}}>
      <Navbar.Header style={{marginLeft: "0", paddingLeft: "0"}}>
        <Navbar.Brand style={{marginLeft: "0", paddingLeft: "0"}}>
          <a href="#home">Not all the way left</a>
        </Navbar.Brand>
      </Navbar.Header>
      <Nav pullRight>
        <NavItem eventKey={1} href="#">
          Not all the way right
        </NavItem>
      </Nav>
    </Navbar>
  );
}

从“react bootstrap”导入{Navbar、Nav、NavItem、NavDropdown、MenuItem}
render（）{
返回(
不完全正确
);
}

这是我正在使用的引导样式表：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

---

导航栏在具有最大宽度、边距和填充的容器类中呈现，解决方案是使用CSS重置它们：

.navbar > .container {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.navbar {
  margin: 0;
  padding: 0;
}

---

看看这个例子。

导航栏是在一个容器类中呈现的，该容器类具有最大宽度、边距和填充，解决方案是使用CSS重置它们：

.navbar > .container {
  max-width: 100%;
  margin: 0;
  padding: 0;
}

.navbar {
  margin: 0;
  padding: 0;
}

---

看看这个exp.

width

和

justify content end

保存了我。我已经发布了代码。

width

和

justify content end

保存了我。我已经发布了代码。

谢谢您的回复！几个后续问题：这会移除左侧填充，但右侧拉动的容器仍然没有在右侧齐平。另外，我怎么知道相关的类是.navbar>.container？为什么我的内联方法不起作用呢？右拉方法按预期工作，因为nav类有一个填充，我会在响应中添加修复程序，但通常当您使用devtools检查元素时，您可以检查html和已计算的样式（因此您可以直接在浏览器中应用更改进行调试，然后在实际代码中使用更改）。谢谢您的回答！下面有几个问题：这会删除左侧填充，但右侧拉动的容器仍然没有在右侧齐平。此外，我如何才能确定相关类是.navbar>.container？为什么我的内联方法不起作用？右侧拉动的容器按预期工作，而nav类的例外情况是：作为一个填充，我将向响应中添加修复，但通常当您使用devtools检查元素时，您可以检查html和已计算的样式（因此您可以直接在浏览器中应用更改进行调试，然后在实际代码中使用更改）。