Bootstrap类“ panel-body” div不能减小表的宽度

Question

我在this用bootstrap css测试了我的html代码。

我想减小ID为“ mytable1”的ID的宽度。 我用这个：

 <div id="mytable1" class="panel-body" width="200px">

但是没有效果。

现在“ mytable1”占据了整个屏幕的宽度。 但我想将其缩小到红色矩形范围，大约是屏幕的一半：

表中的单元格可以变小。

我在哪里可以修改？

Answer 1

您的id为“ mytable1”的div的宽度为200px，但是此div中的表格在x方向上溢出，因此您必须修复该项目 例如为输入增加宽度

input[type="text"] {
  width: 98px;
} 

Answer 2

现在我知道如何修改我的代码。

div元素没有属性宽度，此代码不正确：

func makePostRequest(url: URL, params: Parameters, headers: HTTPHeaders, credential: URLCredential, completion:@escaping(Bool)->()) {
    Alamofire.request(url, method: .post, parameters: params, headers: headers).authenticate(usingCredential: credential)
        .responseJSON { response in
            print(response)
            let status = response.response?.statusCode
            switch status {
            case Status.Success.rawValue:
                print("I would like to instantiate my viewcontroller here")
                completion(true)
                break
            case Status.Failure.rawValue:
                print("Bad Request")
                completion(false)
                break
            default:
                break
            }
    }
}

我必须使用：NetworkManager.shared.makePostRequest(url: URL, params: Parameters, headers: HTTPHeaders, credential: "") { (success) in if success { } else { } } 。

然后代码生效。

<div id="mytable1" class="panel-body" width="200px">