Fórum OpenCart Brasil

Prezados amigos!
Quero desenvolver um modelo para descrição dos produtos.
Quando editamos o produto no CATALOGO -> PRODUTOS, tem o campo de texto denominado DESCRIÇÃO.
Neste campo existe algumas ferramentas, entre elas </> inserir código fonte.
Quero inserir o seguinte código de exemplo:

<div class="container">
<div class="row">
<div class="col-sm-2 col-md-2 col-lg-2 ">
<h5>Linha 1</h5>
<ul class="list-unstyled">
<h5>Linha 1</h5>
</ul>
</div>

Este código vai criar uma linha, o código não esta completo, é apenas um pedaço para ter noção.
Ocorre que quando utilizo as doze colunas, ele exibe no campo da descrição a largura da tela do dispositivo.
Como defino a largura apenas do campo DESCRIÇÃO, para que meu "MODELO" seja responsivo?
Atenciosamente

Olá @Leandrofelipeme.

Não utilize o código abaixo dentro da descrição:

<div class="container"></div>

Utilize apenas:

<div class="row">
<div class="col-sm-2 col-md-2 col-lg-2 ">
<h5>Linha 1</h5>
<ul class="list-unstyled">
<li>Linha 1</li>
</ul>
</div>
</div>

Lembrando que essa estrutura é do padrão bootstrap, então você deve seguir o padrão dele conforme o manual abaixo:
https://getbootstrap.com/docs/3.4/css/#grid-options

Espero ter ajudado.

Ola @Leandrofelipeme

Reforçando o que foi dito acima pelo @Manoel Vidal
Se você precisar criar um container tente resetar a linha antes "<div class="clearfix"></div>".
Todo caso veja a que ponto esta o bloco onde esta a descrição do produto, uma vez que isso é importante para criar containers, já que se você quebrar o GridSystem vai ter diversos problemas e mau funcionamento do bootstratp.

Muito obrigado por sua atenção!
Obrigado de coração Reds e Manoel Vidal, vocês são muito atenciosos!
Consegui fazer uma estrutura muito bacana com suas dicas!
Atenciosamente