【发布时间】：2019-07-25 08:17:48
【问题描述】：
我正在使用启用了 Bootstrap 的 Joomla 模板，我正在尝试在自定义 HTML 模块中使用 Bootstrap，当我查看结果时，布局不正确。当我在 W3Schools 上测试代码时，它运行良好。我的模板也引用了引导 Javascript 和 CSS，所以我不知道问题出在哪里。
它应该是这样的：
这是它的样子：
我尝试在代码测试器和引导模拟器上对其进行测试，它运行良好，但在 Joomla 中却不是。
<div class="container">
<div class="row">
<div class="col-sm-6" style="text-align: center; color: #999999; font-family: arial, helvetica, sans-serif; font-size: 11pt;">
Ons verwelkom jonk en oud, enkellopend, getroud, geskei, weduwee, wewenaar, gay, ryk, arm, Afrikaanses, Engelse, skreeuende babas, woelige toddlers, moeilike tieners, twyfelaars, liberales, fundamentaliste, soekers, die wat mooi sing en die wat vals sing, die wat lanklaas in die kerk was en die wat nie hou van kerk nie... en VIR JOU. By ons gemeente is elkeen iemand!
</div>
<div class="col-sm-6" style="width: 301px;">
<a href="index.php/preke-sermons"><img class="effectck-honey" title="Preke::Luister na preke / Listen to sermons." src="http://www.ngkerktableview.co.za/images/cross.png" alt="" width="251" height="165" /></a>
</div>
<div class="col-sm-6" style="width: 301px;">
<a href="index.php/bedieninge"><img class="effectck-honey" title="Bedieninge::Sien ons Bedienings / See our Ministries." src="http://www.ngkerktableview.co.za/images/bible.png" alt="" width="251" height="165" /></a>
</div>
<div class="col-sm-6" style="text-align: center; color: #999999; font-family: arial, helvetica, sans-serif; font-size: 11pt;">
We welcome young and old, single, married, divorced, widow, widower, gay, rich, poor, Afrikaans, English, crying babies, restless toddlers, difficult teenagers, doubters, liberals, fundamentalists, seekers, those that can sing and those who can't, those that who haven't been to church in a while and those who don't like church... AND YOU. In our congregation everyone is someone!
</div>
</div>
</div>
【问题讨论】：