Creating master detail pattern which hides detail view on mobile using responsive design frameworks
My approach would be to have the className
of your Master view determined by the state held in the enclosing component. Something like;
<MasterView className={this.state.masterViewClass} />
(Obviously altered to fit your code, you likely would want to apply this to specific tags rather than the entire react element).
On clicking an element of the master view, change it's masterViewClass
accordingly, leveraging bootstraps Responsive Utilities to hide the elements you do not wish to show.