Сдвиг блоков CSS друг к другу

153
18 октября 2019, 15:00

Есть блоки на bootstrap. Мне нужно их сдвинуть друг к другу ближе. Не получается никак сделать: Вот CSS:

.cnt {
  height: 1067px;
  padding:20px;
  margin-top:20px;
  margin-bottom:10px;
  background: rgba(255, 255, 255, .5);
  overflow:hidden;
  box-shadow: 0 10px 90px rgba(0, 0, 0, 0.4);
}
@media only screen and (min-width : 480px) {
  .cnt {
    height: auto;
  }
}
@media only screen and (min-width : 768px) {
  .cnt {
    width: 471px;
    height: 452px;
    padding: 30px;
  }
}
@media all and (max-width: 1170px) {
    .cnt {
        height: 380px;
    }
}

html:

 <div class="col-md-6  col-xs-12">
      <div class="cnt"><img class="feature-icon" src="images/contract.svg"><br>
        <br><br><b>Strategic<br>Planning</b><br><br>
        Strategic Planning projects help our clients to make 
        decisions and take actions that match their company’s 
        skills.</div>
    </div>
    <div class="col-md-6 col-xs-12">
      <div class="cnt"><img class="feature-icon" src="images/analytics.svg"><br>
      <br><br><b>Market research</b><br><b>Partner Search</b><br><br>
        Our aim is to build a long-term and positive relationship 
        with our clients and to contribute to business owners’ 
        confidence. </div>
    </div>
    <div class="col-md-6  col-xs-12">
      <div class="cnt"><img class="feature-icon" src="images/weight-balance.svg"><br>   
        <br><br><b>Coaching</b>
        <br><br><br><br>Coaching focuses on future possibilities, not past 
        mistakes… Coaching thinks of the people in terms
        of their potential, not their performance.</div>
    </div>
    <div class="col-md-6 col-xs-12">
      <div class="cnt"><img class="feature-icon" src="images/idea.svg"><br>
      <br><br><b>Project</b><br><b>Management</b><br>
       <br>An engagement with an objective, start and end date, 
        aimed to create a product or service may be considered 
        a project.</div>
    </div>

Делал inline-block, float:left, для блоков, но не помогло. Как это можно решить?

Answer 1

Попробуй вместо обычного padding, настроить padding-right. Cкорее всего он мешает тебе сдвинуть ближе блоки. Как вариант посмотри через f12 в браузере какие у блоков margin и padding

READ ALSO
Если нету куки - то выполнять действие [закрыт]

Если нету куки - то выполнять действие [закрыт]

Вообщем, нужно сделать так что-бы если есть куки visited, то выводился код documentwrite("<h1>Успешно </h1>");,если нету куки visited то выводился текст...

164
div с background или img?

div с background или img?

Я очень часто для вставки изображения на страницу пользуюсь блоком (обычно div) и вставляю изображения через backgroundЯ никогда не задумывался...

154
Скрыть блок по клику

Скрыть блок по клику

На странице есть блок, который открывает по клику по тектсу

153
Подключение fullpage.js

Подключение fullpage.js

Имею сборку gulp+stylus+pugХочу подключить библиотеку fullpage

166