DMXzone Bootstrap Support Product Page

Answered

How do you select a column in Bootstrap to copy and paste?

Asked 27 Jun 2017 04:51:26
1
has this question
27 Jun 2017 04:51:26 Wayne Knights posted:
Hello,

I'm working on a site where I want to update content using Dreamweaver. The page content is an HTML include (using HTML5 / Bootstrap code), to make is very to u simple to update. However I can't select a column in order to copy and paste and add new content. I can only select the container, which is of no use.

My code is below.
Can anyone help me please?

Thanks.

<div class="container-fluid">
<div class="row">

<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">HEADING 1</div>
<div class="panel-body">
<div class="container-fluid no-gutters">
<div class="row">
<div class="col-sm-4">
<img src="images/test.jpg" class="winner"/>
</div>
<div class="col-sm-8 winnerlist">
<div><button type="button" class="btn-circle btn-gold">1st</button>TEST<br>Russia</div>
<div><button type="button" class="btn-circle btn-silver">2nd</button>TEST<br>Russia</div>
<div><button type="button" class="btn-circle btn-bronze">3rd</button>TEST<br>Russia</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="col-sm-6">
<div class="panel panel-default">
<div class="panel-heading">HEADING 1</div>
<div class="panel-body">
<div class="container-fluid no-gutters">
<div class="row">
<div class="col-sm-4">
<img src="images/test.jpg" class="winner"/>
</div>
<div class="col-sm-8 winnerlist">
<div><button type="button" class="btn-circle btn-gold">1st</button>TEST<br>Russia</div>
<div><button type="button" class="btn-circle btn-silver">2nd</button>TEST<br>Russia</div>
<div><button type="button" class="btn-circle btn-bronze">3rd</button>TEST<br>Russia</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Replies

Replied 27 Jun 2017 06:19:46
27 Jun 2017 06:19:46 Teodor Kuduschiev replied:
Hi Wayne,
It is not possible to copy and paste "columns" of bootstrap 3 divs, as they are not tables with columns and cells but just floated containers.
Replied 27 Jun 2017 06:43:40
27 Jun 2017 06:43:40 Wayne Knights replied:
Thanks Teodor. I would have thought that columns being nested within a row should be easy, as the difference between them and cells within a table is that columns can simply move down to the next "row" within the container and are not bound by a table row as a table cell is.

Any ideas on how I can achieve what I want to and still have a responsive outcome?

Reply to this topic