Bootstrap 4表TD宽度大小自定义

时间:2018-08-17 16:41:38

标签: php css html-table bootstrap-4

我需要增加评级栏的宽度,但我的w-9无法正常工作。我想扩展评级栏。

Heres my table

这是我的表格代码:

 <table class="table table-bordered stick-top">
                <thead class="text-center" id="data">
                    <tr>
                        <th></th>
                        <th>Questions</th>
                        <th id="try">Rating</th>
                    </tr>
                </thead>
                <tbody class="body_data">
                    <?php 
                        $jio=mysqli_query($conn,"SELECT * FROM question")or die ("error");
                        while(list($Question_ID,$Question_Description)=mysqli_fetch_array($jio))
                        { ?>
                            <tr>
                            <td><?php echo $Question_ID; ?></td>
                            <td><?php echo $Question_Description; ?> </td>

                            <?php
                            $q1 = "SELECT * FROM rating ORDER BY Rating_ID ASC";
                            $r1 = $conn -> query($q1);
                            echo "<td class='w-9'";
                            while($row = $r1 -> fetch_object()){
                                echo "<input id='radio' type='radio' name='radio$Question_ID' value='" . $row -> Rating_ID . "' required>". $row -> Rating_ID;"";
                            }
                            echo "</td>";
                             ?>
                            </tr>
                        <?php } ?>

                </tbody>
            </table>

1 个答案:

答案 0 :(得分:2)

如果您在Sizing doc处检查Bootstrap Doc,您将获得对 25%,50%,75%,100%和自动的支持,因此基本上在您使用{{1 }}类为空

因此,如果您不能修改css文件,则需要在td标签内放置以下属性:

w-9