Twitter bootstrap 列不工作

Twitter bootstrap 列不工作,twitter-bootstrap,Twitter Bootstrap,我对自举编码还很陌生,在路上遇到了一些麻烦。我把这个代码放在下面,我得到的是一个单列,而不是一个3*2的网格,这就是我所想的。这里的任何帮助都将不胜感激 <div class="col-12 col-sm-12 col-lg-12"> <div class="col-4 col-sm-4 col-lg-4"> <a href="http://www.google.com" class="nounderlineyellow"> &

我对自举编码还很陌生,在路上遇到了一些麻烦。我把这个代码放在下面,我得到的是一个单列,而不是一个3*2的网格,这就是我所想的。这里的任何帮助都将不胜感激

   <div class="col-12 col-sm-12 col-lg-12">

<div class="col-4 col-sm-4 col-lg-4">
    <a href="http://www.google.com" class="nounderlineyellow">
        <i class="fa fa-medkit" aria-hidden="true"></i></a></br>
        <span style="font-size: x-large;"><br />Trainees</span>
</div>

<div class="col-4 col-sm-4 col-lg-4">
    <a href="#" class="nounderlineyellow">
        <i class="fa fa-user-md" aria-hidden="true"></i></a></br>
        <span style="font-size: x-large;">Term Supervisors Clinical Tutors</span>
</div>

<div class="col-4 col-sm-4 col-lg-4">
    <a href="#" class="nounderlineyellow">
        <i class="fa fa-graduation-cap" aria-hidden="true"></i></a></br>
        <span style="font-size: x-large;">Examiners</span>
</div>

<div class="col-4 col-sm-4 col-lg-4">
    <a href="#" class="nounderlineyellow">
        <i class="fa fa-eye" aria-hidden="true"></i></a></br>
        <span style="font-size: x-large;">Mentors</span>
</div>

<div class="col-4 col-sm-4 col-lg-4">
    <a href="#" class="nounderlineyellow"><i class="fa fa-users" aria-hidden="true"></i></a></br>
    <span style="font-size: x-large;">Fellows</span>
</div>

<div class="col-4 col-sm-4 col-lg-4">
    <a href="#" class="nounderlineyellow"><i class="fa fa-globe" aria-hidden="true"></i></a></br>
    <span style="font-size: x-large;">International Medical Graduates</span>
</div>



学员
学期导师临床导师
主考人
导师
同伴
国际医学毕业生

引导程序中
,每个
被划分为
12个部分。您可以使用以下任意组合:

4+4+4=12
1+2+9=12
6+6=12
------
但是你使用了
4+4+4+4+4+4=12
。因此,您必须考虑引导网格系统的划分


您可以读出并进行澄清。然后我想你就可以解决你的问题了。

引导程序中,每一行
被划分为
12个部分。您可以使用以下任意组合:

4+4+4=12
1+2+9=12
6+6=12
------
但是你使用了
4+4+4+4+4+4=12
。因此,您必须考虑引导网格系统的划分


您可以读出并进行澄清。那我想你就能解决你的问题了。

你想做什么?请给出你想要的清晰化输出。我想要一个3*2的全屏视图,在移动设备上将协奏曲转换成一个响应性的单栏。目前,代码只生成一列。您希望看到与手机屏幕的全屏相同的输出吗?您想做什么?请给出你想要的清晰化输出。我想要一个3*2的全屏视图,在移动设备上将协奏曲转换成一个响应性的单栏。目前,代码只生成一列。您希望看到与移动屏幕的全屏相同的输出吗?因此,如果我在开头和中间添加一个
,它应该可以工作是吗?不可能。首先,你必须将主行分成3列,然后你可以在每一行中添加行。@完美主义者先生:代码对我有用。这很有帮助。@@Perfectist先生:你知道如何使用Elementor使表格响应吗。@AsiyaFatima也许你比我更了解。所以如果我在开头和中间添加一个
,它应该会起作用是的?不可能。首先,你必须将主行分成3列,然后你可以在每一行中添加行。@完美主义者先生:代码对我有用。这很有帮助。@@完美主义者先生:你知道如何使用Elementor使桌面响应吗。@AsiyaFatima也许你比我更了解。