css - Body{} 未被识别，但其他标签被识别

Question

我正在尝试找出在 Bootstrap 网格中间隔单词的最佳方法。 col-md-1 在标题栏中靠得太近，而 col-md-2 太远了。我不认为我可以只使用/padding-left: 然后使用 col-md-1 而不破坏网格。在 md-1 和 md-2 之间间隔单词的最佳方法是什么？

所以基本上我希望鸡肉牛肉和牛排靠得更近，但不要太近，因为 col-md-1 使它们彼此靠得太近，我不想打破网格。

<div class="container">
        <div id="header">
            <div class="row">

            <div class="col-md-3"> 


                {{"Recipes"}}

                </div>

                <div class="col-md-3">
            {{"Chicken"}}

        </div>
            <div class="col-md-2">
            {{"Beef"}}

        </div>

            <div class="col-md-2">
            {{"Steak"}}

        </div>
                </div> <!--end row-->



            </div> <!--end header-->

        </div> <!--end container-->

Answer 1

Bootstraps 列在 12 网格系统上工作。这意味着如果你想让东西居中，所有东西加起来应该是 12 以使东西间隔均匀。

这是解决此问题的一种方法，但请发布更具体的问题并首先查看 SO..肯定有其他地方的答案。

在发帖前也尝试修复你的间距 :P!

CSS

.row{
  width:75%;
  margin:0 auto;
  text-align:center;
}

html

<div class="container">
  <div id="header">
    <div class="row">

      <div class="col-md-3">
        {{"Recipes"}}

      </div>

      <div class="col-md-3">
        {{"Chicken"}}

      </div>
      <div class="col-md-3">
        {{"Beef"}}

      </div>

      <div class="col-md-3">
        {{"Steak"}} </div>
    </div>
    <!--end row-->


  </div>
  <!--end header-->

</div>
<!--end container-->