Duplicating and Moving Blocks

Bootstrap Studio has a powerful CSS editing interface, which auto-completes your rules and properties. It also allows you to move and duplicate css blocks.

Duplicating Blocks

If you want to duplicate your CSS block, you need to click the three dots on the top right of the block and select the 'Duplicate' option. This will make the exact same copy of the block in the same file.

Copying Blocks

You can copy CSS blocks from one file to another. You need to click the 'Copy To' option from the three dots on the top right corner. This will show you a list of the existing css files or you can create an empty new one, where you can move your block to. This will make the exact same copy of the block in the selected file.

In order to edit any of the locked files, first you need to copy them to a new file and then you can make any changes you like.

In case you want to move a block from one file to another, click on the Move to option. This is the same as the Copy to option, but the block is removed from the original file.

Rearranging Blocks

Rearranging Blocks functionality makes changing the order of the blocks in the css files very easy.It's useful for organizing your code.