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

Question

我正试图找出在引导网格中划分单词的最佳方法。 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网格系统。意思是如果你想让事物居中，一切都应该加起来以使事物均匀分布。

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

在发布之前还尝试修改间距：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-->