Html 自举法

Html 自举法,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,使用bootstrap构建餐厅菜单,我有两列COL-SM-6,其中包含菜单项。我很难弄清楚如何将两列居中,同时保持内容向左对齐。我尝试过偏移,只是使用左边距,但这会影响引导的响应性 <div class="container" id="antipasti"> <div class="d-flex flex-column"> <div class="header-text text-center">

使用bootstrap构建餐厅菜单,我有两列COL-SM-6,其中包含菜单项。我很难弄清楚如何将两列居中,同时保持内容向左对齐。我尝试过偏移,只是使用左边距,但这会影响引导的响应性

  <div class="container" id="antipasti">
            <div class="d-flex flex-column">
              <div class="header-text text-center">
                <h3>Antipasti</h3>
                <hr>
              </div>
           </div>[restaurant image][1]
        </div>
        <div class="row" id="items">
            <div class="col-sm-6">
                <p>ASPARAGI Grigliati & Fritti<br><span class="info">Ravanello, Aglio & Formaggio di Capra</span></p>
                <p>LOBSTER Caponata<br><span class="info">Artichokes alla Giudia & Coral (~$10pp)</span></p>
                <p>CARNE CRUDA<br> <span class="info">Parmigiano, Zafferano & Croccante di Riso (~$10pp)</span></p>
            </div>
            <div class="col-sm-6">
                <p>VITELLO TONNATO<br><span class="info">Lemon Basil, Capers & Colatura Vinaigrette</span></p>
                <p>Soft Herbs & LETTUCES<br><span class="info">Truffled Dressing</span></p>
                </div>
        </div>

反巴斯蒂

[食肆图片][1] 拉瓦内罗、阿格里奥和卡普拉的福瑞蒂天门冬

Caponata龙虾
朝鲜蓟alla Giudia&珊瑚(约10美元/份)

卡内·克鲁达
帕尔米吉亚诺、扎弗拉诺和克罗坎特餐厅(约10美元/份)

柠檬罗勒、马槟榔和秋葵调味汁

软香草和莴苣
块菌酱


您没有正确关闭标签。容器在第行之前关闭。因此,行位于容器外部


反巴斯蒂

[食肆图片][1] 拉瓦内罗、阿格里奥和卡普拉的福瑞蒂天门冬

Caponata龙虾
朝鲜蓟alla Giudia&珊瑚(约10美元/份)

卡内·克鲁达
帕尔米吉亚诺、扎弗拉诺和克罗坎特餐厅(约10美元/份)

柠檬罗勒、马槟榔和秋葵调味汁

软香草和莴苣
块菌酱


由于引导可以使用12列,因此不能将大小为6的2列居中放置。它将使用容器的整个宽度。谢谢!是的,我把收尾箱标签放错地方了!啊!是的,我试过几种不同的方法,但似乎都做不好!它看起来与文本对齐的中心…可能会坚持…再次感谢:)