Jump to content

Recommended Posts

Bom dia!

 Teria como alguém me ajudar? 

Sou bem iniciante nos códigos e acabou me surgindo uma duvida/problema a qual estou tentando resolver desde hoje cedo...

 

 Preciso criar um contêiner dentro de outro contêiner igual a imagem 1.

 

Só que ele está ficando igual a imagem 2.

 

 Estou utilizando o bootstrap para tentar arrumar isso de uma forma que também traga a responsividade. 

Basicamente eu criei um container fluid e dentro dele tinha outro container, só que não estou conseguindo posicionar ambos corretamente! :cry:

 

imagem1.PNG

imagem2.PNG

codigobugado.PNG

Share this post


Link to post
Share on other sites

Olá @Mewmew !

 

Massa sua descrição do problema, então., Você está usando as classes do bootstrap juntando mais de uma o que está dificultando o posicionamento. Para a largura geral do layout você pode usar apenas a container para largura fixa de 1140px e a container-fluid para deixar a largura de acordo com largura do navegador. Dentro da container você vai trabalhar com as classes row para criar as linhas. A ideia é pensar como uma tabela, row para cada linha e col-xx-x para as colunas. Deixei o xx para indicar os break points que o bootstrap utiliza por exemplo col-sm para pequena largura e lg para largura maior. O último x indica a largura que a coluna vai ocupar, vamos a um exemplo col-sm-12 é uma coluna que ocupa a largura completa porque o bootstrap utiliza 12 e seus divisores para estruturar as colunas, no seu caso você pode colocar uma coluna com col-sm-4 e a outra com col-sm-8 para ter o menu de um lado e a imagem do outro lado.

Abaixo segue um exemplo. Espero que ajude. Qualquer coisa é só perguntar. Até mais.

 

<div class="container">
	<div class="row">
    	<div class="col-sm-4">
          coluna menu
      </div>
      <div class="col-sm-8">
          coluna imagem
      </div>
  </div>
</div>

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By tomas.david100
      Boa tarde tenho a seguinte dúvida será possível utilizar um css só para o menu lateral e outro css para o body? Vou deixar uma imagen a seguir para se perceber melhor.
       

    • By GabrieldaBahia
      Tenho duas paginas HTMl e o PHP onde estou tratando uns dados XML retornado após a leitura de um arquivo, porém estou com uma duvida besta, preciso pegarum valor que pego do XML e colocar dentro de uma tag html,  já fiz assim e nada </caption> <?php  echo $cnpj ?><caption>
      a pagina PHP está sendo chamada no HMTL pelo require_once.
       
       
      trecho do HTML
       
      <head>     <title>Testes</title> </head> <?php include_once 'load.php'; ?>   <body>   <table> <caption >Ti<?php echo $cnpj ?></caption> <tr> Trecho do PHP   $arq = simplexml_load_file('29190411412201000112650010000000181000000180-nfe.xml') or die("Erro ao carregar arquivo XML");   foreach($arq->NFe->infNFe->children() as $infNFe){ $cnpj = $infNFe->CNPJ;   }
    • By makinh0
      <table width="90%" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-top:10px;">
      <tr>
        <td align="center" bgcolor="<?php echo $background ?>"><table width="100%" border="0" align="center" cellpadding="5" cellspacing="0" style="margin-top:10px;">
          <tr>
            <td width="48%" align="left" bgcolor="#3399FF"><strong>Produto</strong></td>
            <td width="16%" align="center" bgcolor="#3399FF"><strong>Hora</strong></td>
            <td width="19%" align="center" bgcolor="#3399FF"><strong>Mesa</strong></td>
            <td width="9%" align="left" bgcolor="#3399FF"><strong>Garçom</strong></td>
            <td width="8%" align="center" bgcolor="#3399FF"><strong>Ação</strong></td>
             <td width="8%" align="center" bgcolor="#3399FF"><strong>Observações</strong></td>
          </tr>
          <?php 
        $sql = mysql_query("SELECT * FROM tbl_carrinho INNER JOIN garcon ON tbl_carrinho.idGarcon = garcon.idGarcon WHERE destino='1' AND status = '0' ORDER BY id DESC") or die(mysql_error());
        while($ver = mysql_fetch_array($sql)){
          $background = (++$i%2) ? '#FFFFF' : '#F2F2F2';
          $feito = $ver['feito'];
        ?>
          <tr>
            <td bgcolor="<?php echo $background ?>"><?php echo $ver['nome']; ?></td>
            <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['time']; ?></td>
            <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['id_mesa'] ?></td>
            <td bgcolor="<?php echo $background ?>"><?php echo $ver['nomeGarcon'] ?></td>
              <td align="center" bgcolor="<?php echo $background ?>"><?php echo $ver['id_mesa'] ?></td>
            <td bgcolor="<?php echo $background ?>">
       
       
      Sistema restaurante; gente precisava fazer a tela de observacoes , tipo na tela cozinha aparece produto,hora,mesa,garcom e acao, queria por observacao para a cozinha receber como o cliente quer? alguem tem ideia?obg
    • By reytlersouza
      Não consigo passar variável obtida por consulta no banco no value de uma TAG <option> "<option value="<?php $item['id_eq']?>">"
       
      O que está errado no meu código que ele não passa o valor de value no $_GET nem no $_POST?

       
      <?php
          echo $_GET['equi1'];
      ?>
      <form method="GET">   
          <select name="equi1" class="form-control">
              <?php
              require 'conn.php';
              $sql = $pdo->prepare("SELECT * FROM equipamento WHERE 1");
              $sql->execute();
              if($sql->rowCount() > 0) {
              foreach($sql->fetchAll() as $item) {
                                                                      
              ?>
              <option value="<?php $item['id_eq'];?>"><?php echo $item['nome'];?></option>
              <?php
                  }
                  }
                  ?>
          </select>
          <input type="submit" value="Salvar"/>
      </form>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.