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

Question

我正在尝试找出在引导网格中间距单词的最好方法。col-md-1在标题栏中离得太近，而col-md-2离得太远。我认为我不能只使用/padding：，然后使用col 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，这样才能使东西均匀分布。

这里有一种方法可以解决这个问题，但请先发布更具体的问题并查看。当然，其他地方也有这个问题的答案。

在发帖之前，也要试着修正你的间距: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-->