Php 如何使用引导来安排网页布局？

我正在使用引导框架在我的系统上进行布局。我想这样安排页面的布局（见下图）

但我面临着一个挑战。我的代码显示了这一点（请参见下图） 我需要登录论坛部分去的权利一样，在我上传的第一张图片。

这是我的代码

>> 
>>
张贴于：


没有要显示的主题

登录表单
登录为



用户名
暗语
登录
类别

论坛统计

用户总数：
主题总数：
类别总数：

不要将结构div放在

标签内！试试这个：

<div class="container">
    <div class="row">
        <div class="col-md-4">
            This is one third of the page wide (4/12)
        </div>
        <div class="col-md-8">
            This is two thirds of the page wide (8/12)
        </div>
    </div>
</div>

这是页面宽度的三分之一（4/12）
这是页面宽度的三分之二（8/12）

这就是“规范化”文本应该去的地方

这就是表格的所在

---

试试上面的代码。这是一个基本引导网格布局的示例。第一个将页面定义为“12”-其中的剩余div也必须加起来为12，本例为8+4（2列），但也可以有3+4+4，依此类推

在其他

标记中似乎有大量不必要的

行

和

标记。老实说，它需要重组。最好不要将

div

包装在

标记中，因为它们实际上不应该用作包装器

您希望将这两列分隔为两个单独的引导列，它们应该包装在

行

类中

例如：

<div class="row">
    <div class="col-xs-12 col-sm-8">
        <p>All your forum info here etc.</p>
    </div>
    <div class="col-xs-12 col-sm-4">
        *Login Form Here*
        *Categories Here*
    </div>
</div>

所有你的论坛信息在这里等

*登录表单在这里*
*这里的类别*

---

上面的列将它们在桌面上分为66.66666 7%和33.33333333%宽的列，然后在较小的设备上分为两个全宽（100%）。

您可以使用以下示例使用引导来安排网页布局：

<div class="col-md-12">
   <div class="row">
 <div class="col-md-8">
 <p> Your Left area put here  </p>
 </div>
<div class="col-md-4">
  <p> Your right area Put here </p>
 </div>
 </div>
 </div

你的左侧区域放在这里

你右边的区域放在这里

您可以简单地使用引导网格系统来完成此任务。请通过此链接查看官方文档。。。

但是，我创建了一个我认为适合您要求的示例布局



示例网页
.左座{
宽度：100%；
高度：500px；
填充：20px；
}
1.右座{
宽度：100%；
填充：20px；
高度：500px；
背景色：#D3；
}
样本含量
Lorem ipsum dolor sit amet，是一位杰出的献身者。Suspendisse ullamcorper nisl ut sodales tincidunt。这是一个很好的例子。这是一个很好的例子，是一个临时的面部表情，是一个很好的手势，是一个很好的手势。整粒大头豆苏打粉。这是一个很好的例子。福斯·拉奥里特是一位智者，他是马蒂斯的生命。马萨、奥迪奥、埃库利斯、利奥。阿利奎姆·埃拉特·帕特。莫利斯先生、特里斯蒂克先生、普莱斯特拉特先生、维尼那提斯的精英们

登录部分

电子邮件地址
我们永远不会与其他人共享您的电子邮件。
暗语
看看我
提交
向右拉
不是
对齐
属性的有效值。您想将其添加到类列表中吗？使用右侧应答器，如主元素的
或
（不是
，仅用于段落），无需使用

转到下一行：带有
显示：块的HTML元素将所有车道视为正常行为。阅读一些引导图图来了解网格是如何工作的：）是的，请看我的图片attached@Rayobeats看起来你是个骗子
<div class="col-md-12">
   <div class="row">
 <div class="col-md-8">
 <p> Your Left area put here  </p>
 </div>
<div class="col-md-4">
  <p> Your right area Put here </p>
 </div>
 </div>
 </div