Grid system - Bootstrap

-1

Я занимаюсь сайтом с бутстрапом, но у меня есть сомнения в сетчатой системе. У меня есть следующая структура: (Внутри div формы формы мне нужно поместить ярлык для моего combobox и под ним значок плюса и мой combobox).Grid system - Bootstrap

<div class="row" style="padding-left: 15px;"> 
 

 
\t <div class="form-group col-md-3"> 
 
\t \t <label class="form-label">Label</label><br> 
 

 
\t \t <?php 
 
\t \t \t echo $this->Html->link('<i data-toggle="tooltip" data-placement="right" title="Click here" style="cursor: pointer;font-size: 18px;" class="fa fa-plus-circle"></i>', 
 
\t \t \t \t '#', 
 
\t 
 
\t \t \t \t array(
 
\t \t  'data-toggle'=> 'modal', 
 
\t \t  'data-target' => '#OpenModal', 
 
\t \t  'escape' => false 
 
\t \t  ) 
 
\t \t \t); 
 
\t \t ?> 
 

 
\t \t <select></select> 
 
\t </div> 
 

 
</div>

Но если я код так, что моя форма быть как:

источник

2015-10-26 Vitória

Вашего PHP кода не имеет никакого значения. Покажите свои визуализированные HTML и CSS. – makshh

Мой PHP-код - это то, что сгенерирует значок –

. Я знаю, и это не имеет отношения к людям, которые хотят помочь :) http://stackoverflow.com/help/mcve – makshh

вам нужно увеличить ширину цв цв-мкр-3 к Col-MD- 4 или более, чтобы он мог содержать значок и ввод, или вам потребуется перезаписать col-md-3 путем удаления поля и заполнения

это то, что вы хотите сделать

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Bootstrap Example</title> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> 
</head> 
<body> 

<div class="container"> 
    <div class="row" style="padding-left: 15px;"> 

    <div class="form-group col-md-3"> 
     <label class="form-label">Label</label><br> 

      <i data-toggle="tooltip" data-placement="right" title="Click here" style="cursor: pointer;font-size: 18px;" class="fa fa-plus-circle"></i> 




     <select></select> 
    </div> 

</div> 

</body> 
</html>

источник

2015-10-26 13:59:18

Я изменил ширину столбца, но в зависимости от этого, мой значок всегда оставаться под всеми –

, что означает, что у вас есть проблема с визуализированным html-кодом после запуска php-кода –

Grid system - Bootstrap

ответ

Смежные вопросы