add checkbox adjust layout

src/client/js/components/Admin/Customize/CustomizeCssSetting.jsx

@@ -59,14 +59,14 @@ class CustomizeCssSetting extends React.Component {
           </CardBody>
         </Card>
         <div className="form-group">
-          <div className="col-xs-12">
+          <div className="col-12">
             <CustomCssEditor
               // The value passed must be immutable
               value={this.state.editorInputValue}
               onChange={(inputValue) => { adminCustomizeContainer.changeCustomizeCss(inputValue) }}
             />
           </div>
-          <div className="col-xs-12">
+          <div className="col-12">
             <p className="help-block text-right">
               <i className="fa fa-fw fa-keyboard-o" aria-hidden="true" />
               { t('customize_page.ctrl_space') }

src/client/js/components/Admin/Customize/CustomizeHeaderSetting.jsx

@@ -70,14 +70,14 @@ class CustomizeHeaderSetting extends React.Component {
           </pre>
         </div>
 
-        <div className="col-xs-12">
+        <div className="col-12">
           <CustomHeaderEditor
             // The value passed must be immutable
             value={this.state.editorInputValue}
             onChange={(inputValue) => { adminCustomizeContainer.changeCustomizeHeader(inputValue) }}
           />
         </div>
-        <div className="col-xs-12">
+        <div className="col-12">
           <p className="help-block text-right">
             <i className="fa fa-fw fa-keyboard-o" aria-hidden="true"></i>
             { t('customize_page.ctrl_space') }

src/client/js/components/Admin/Customize/CustomizeHighlightSetting.jsx

@@ -98,14 +98,15 @@ class CustomizeHighlightSetting extends React.Component {
 
         <div className="form-group row">
           <div className="offset-3 col-6 text-left">
-            <div className="checkbox checkbox-success">
+            <div className="custom-control custom-checkbox">
               <input
                 type="checkbox"
+                className="custom-control-input"
                 id="highlightBorder"
                 checked={adminCustomizeContainer.state.isHighlightJsStyleBorderEnabled}
                 onChange={() => { adminCustomizeContainer.switchHighlightJsStyleBorder() }}
               />
-              <label htmlFor="highlightBorder">
+              <label className="custom-control-label" htmlFor="highlightBorder">
                 <strong>Border</strong>
               </label>
             </div>