I am confused on how to use column component and column control component in AEM 6.4 editable templates. I need to create three columns in my website and add content to each column. Can somebody help me to accomplish the same using editable templates and column control/ 3 column component.?

As per the image each time it shows start of columns when I add column component and also I am not able to add data into these column components(As per my thinking, I think we cab add data to the column component).
Can Adobe add a tutorial in creating a sample good looking website using editable template and using only such inbuilt components only?