如何使用bootstrap4设置表格的宽度？

Question

            <div class="row">
                    <div class="col-md-12">
                        <div class="table-responsive">
                        <table class="table table-bordered mt-2">
                        <thead>
                            <tr>
                            <th scope="col">#</th>
                            <th scope="col">First</th>
                            <th scope="col">Last</th>
                            <th scope="col">Handle</th>
                            </tr>
                        </thead>
                            <tbody>
                                <tr>
                                <td style="width: 100px;" scope="row">1</th>
                                <td>Mark</td>
                                <td>Otto</td>
                                <td>@mdfwfewwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww</td>
                                </tr>
                            </tbody>
                        </table>
                        </div>
                    </div>
                </div> 

结果：

Site

如何增加第一列的大小？如上例所示，由于样式无效。如果您还有其他建议，谢谢。

Bootstrap 4.0 HTML 5