Javascript 如何使用bootstrap在中间获取div内容

我有3个div在一行，我需要3个div应该在中心对齐

<div class="row">
  <div class="center">
    <div class="col-sm-4" id="ph-container"></div>
    <div class="col-sm-4" id="do-container"></div>
    <div class="col-sm-4" id="water-temperature-container"></div>
  </div>
</div>

使用

文本中心

而不是

中心

---

添加偏移将帮助您改善视图。

使用

文本中心

而不是

中心

<div class="row">
    <div class="col-sm-offset-1 col-sm-3" id="ph-container"></div>
    <div class="col-sm-3" id="do-container"></div>
    <div class="col-sm-3" id="water-temperature-container"></div>
</div>

添加偏移将帮助您改善视图。

<div class="row">
    <div class="col-sm-offset-1 col-sm-3" id="ph-container"></div>
    <div class="col-sm-3" id="do-container"></div>
    <div class="col-sm-3" id="water-temperature-container"></div>
</div>

这会使三个div稍微变窄，并从左侧推动它们，使它们显示在页面的中心

请记住，通过缩小分区，您的图形可能看起来不正确，因此您需要更正样式以适应新的分区大小

这实际上可能会帮助您：

这会使三个div稍微变窄，并从左侧推动它们，使它们显示在页面的中心

请记住，通过缩小分区，您的图形可能看起来不正确，因此您需要更正样式以适应新的分区大小

---

这实际上可能会帮助您：

列的总数是12，如果您使用12列（4+4+4=12），它将不在中心，因为它们将与父块一起使用。 所以你必须少用可乐

<div class="row">
    <div class="col-sm-pull-1 col-sm-3" id="ph-container"></div>
    <div class="col-sm-3" id="do-container"></div>
    <div class="col-sm-3" id="water-temperature-container"></div>
</div>

---

列的总数为12列，如果使用12列（4+4+4=12），它将不在中心，因为它们将与父块一起使用。 所以你必须少用可乐

<div class="row">
    <div class="col-sm-pull-1 col-sm-3" id="ph-container"></div>
    <div class="col-sm-3" id="do-container"></div>
    <div class="col-sm-3" id="water-temperature-container"></div>
</div>

使用

文本中心

而不是

中心

。你问的问题听起来不清楚，如果你想让三个div的内容居中对齐，那么Praveen提供的答案就行了。但是，如果您的意思是希望三个div堆叠在彼此的顶部，但集中在页面上，那么您需要删除

col-sm-4

类，因为这将应用浮点。好的，您使用的代码将在页面上均匀分布所有三个div，因为引导类就是这样做的。我认为你应该做的是，使用我提供的答案…你能预览一下吗？使用

文本中心

而不是

中心

。你问的问题听起来不清楚，如果你想让三个div的内容居中对齐，那么Praveen提供的答案就行了。但是，如果您的意思是希望三个div堆叠在彼此的顶部，但集中在页面上，那么您需要删除

col-sm-4

类，因为这将应用浮点。好的，您使用的代码将在页面上均匀分布所有三个div，因为引导类就是这样做的。我想你应该做的是，使用我提供的答案…你能预览一下吗？我没有在中心得到div你到底期望什么？你能展示一张图片吗？@Swapna看起来你需要展示完整的代码才能让它工作。鉴于原始问题没有足够的细节，根据OP提供的内容，这是正确的答案。@Lee我能理解，我正在更改它。我没有在中心获得div。你到底期望什么？您能显示图像吗？@Swapna看起来您需要显示完整的代码才能使其正常工作。鉴于原始问题没有足够的细节，根据OP提供的内容，这是正确的答案。@Lee我能理解，我正在更改它。您可以将类更改为

col-sm-3

，但是你不能把他们推1.5格的位置。。。尝试将偏移量更改为

col-sm-offset-1

或

col-sm-offset-2

，然后查看最合适的偏移量。您可以在自己的CSS中进一步覆盖样式。您可以将类更改为

col-sm-3

，但无法将它们按1.5个网格位置推送。。。尝试将偏移量更改为

col-sm-offset-1

或

col-sm-offset-2

，然后查看最合适的偏移量。您可以在自己的CSS中进一步覆盖样式。