# Bootstrap column and row custom component issues

**URL:** <https://forum.builder.io/t/bootstrap-column-and-row-custom-component-issues/15745>\
**Category:** Technical Questions\
**Tags:** visual-editor, react\
**Created:** [September 9, 2025, 9:23pm UTC](https://forum.builder.io/t/bootstrap-column-and-row-custom-component-issues/15745 "2025-09-09T21:23:36Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![manish-sharma](https://avatars.discourse-cdn.com/v4/letter/m/8797f3/32.png) [@manish-sharma](https://forum.builder.io/u/manish-sharma)\
**Post date:** [September 10, 2025, 12:16pm UTC](https://forum.builder.io/t/bootstrap-column-and-row-custom-component-issues/15745/2 "2025-09-10T12:16:40Z")

</div>

Hello @AQuirky

For the first issue, I noticed that you’re using `noWrap: true` in your column component:

```javascript
Builder.registerComponent(ColumnComponent, 
  name: "ColumnComponent",
  noWrap: true,
  inputs: [
    // ...
  ],
});

```

In your JSX, are you ensuring that the component is rendering the classes properly? For example:

```javascript
className={`my-class ${props.attributes.className}`}

```

This will make sure any classes passed through Builder are applied correctly.

> [@Custom Component with noWrap "true" cause focus issue](https://forum.builder.io/t/custom-component-with-nowrap-true-cause-focus-issue/817/2):
>
> Hi @frank.hsu - you need to be sure to forward props.attributes attributes to your noWrap component in order for it to be selectable. Builder passes things down like props.attributes.className that must be included for selecting and editing to work, like below: import { TextField } from '@material-ui/core' export const BuilderTextField = props =\> ( // Important: Builder.io must add a couple classes and attributes via props.attributes // Important: If you add your own classes do it after ..…

---

_[View the full topic](https://forum.builder.io/t/bootstrap-column-and-row-custom-component-issues/15745)._