Question

我正在使用反应并尝试渲染以下内容：

render(){
return(
  <div className="col-md-12">
    <h1 className="col-md-6 col-md-offset-6">To do App</h1>


    <form onSubmit={this.handleSubmit}>
      <input onChange={this.handleChange} value={this.state.text}/>
      <button>Add {this.state.items.length+1}</button>
    </form>


    <Todolist items={this.state.items}/> 
  </div>
)
}

col-md-6正在工作，但col-md-offset-6不工作？我使用bootstrap 4。

Answer 1

在Bootstrap 4中删除了

.col-*-offset-*。新语法只是.offset-*-*，因此您应该在上面的代码中使用.offset-md-6。

您可以在4.x文档中了解有关抵消Bootstrap网格列的更多信息：

https://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns

Answer 2

您必须将偏移量的格式更改为offset-md-6，代替col-md-offset-6。

Bootstrap 3支持col--offset-* 格式，但在Bootsrap 4中，格式类似于offset- -*

bootstrap col-md-offset不工作？

2 个答案: