X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Ломается сетка Bootstrap и before
Olya_Poy
Olya_Poy
Topic Starter сообщение 18.9.2017, 13:27; Ответить: Olya_Poy
Сообщение #1


Здравствуйте. Появилась проблема при верстке по сетке Bootstrap.

<div class="col-xs-12 col-md-6>текст1</div>
<div class="col-xs-12 col-md-6>текст2</div>

текст2 находится не справа от текст1, а снизу

Такая же проблема с before. текст в списеке снизу before, а не справа
Помогите разобраться :rolleyes:

<body>
<div class="container-fluid">
<div class="meny">
<div class="row">
<a name="top"></a>
<div class="col-xs-12">
<nav>
<ul class="list-menu">
<li><a href="#top">Главная</a></li>
<li><a href="#skills">Навыки</a></li>
<li><a href="#portfolio">Портфолио</a></li>
<li><a href="#contacts">Контакты</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="meny-arrow"></div>
<div class="contents">
<article>
<div class="row height-vh">
<div class="col-xs-12 col-md-6 center top-text">
<div class="name">
текст1
</div>
</div>
<div class="col-xs-12 col-md-6 top-text">
<div class="about">
<p>текст2
</p>
</div>
</div>
</div>
</article>


<div class="row skills height-vh">
<a name="skills"></a>
<h2>Практические навыки</h2>
<div class="col-xs-12 col-md-6 list-skills">
<ul>
<li><h4>HTML</h4></li>
<li><h4>CSS</h4></li>
<li><h4>HTML</h4></li>
<li><h4>HTML</h4></li>
</ul>
</div>
<div class="col-xs-12 col-md-6">
</div>
</div>
</div>
</body>


[CSS]
*
{
padding: 0;
margin: 0;
}
body
{
font-family: 'PT Sans', sans-serif;
}
nav
{
background: #006589;
padding: 15px;
box-shadow: 0 0 10px rgba(0,0,0,1);
height: 100vh;
}
.list-menu{
list-style: none;
}
.list-menu li a{
color: #fff;
display: block;
padding: 5px 15px 0 0;
font-size: 24px;
text-decoration: none;
}
/*.list-menu li a:hover{
background: #4db6f4;
}*/
.height-vh
{
height: 100vh;
}
.indent
{
padding: 20px;
}
.center
{
text-align: center;
}
.top-text
{
margin: 40px;
}
.name
{

}
.about
{
font-size: 18px;

}
.skills
{
background: #f0f0f0;
}
.list-skills ul
{
list-style: none;
}

.list-skills li:before
{
content: url(../images/inputs.png);
display: inline-block;
}
.fleft
{
float: left;
}
.fright
{
float: right;
}
[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 18.9.2017, 15:19; Ответить: Degradator
Сообщение #2


Ты либо сделай какой-то пример, в который можно будет потыкать, например тут - https://jsfiddle.net/
либо удаляй куски своего кода пока оно не заработает как надо. Для начала удали весь свой css, пускай останется только бутстрап.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Olya_Poy
Olya_Poy
Topic Starter сообщение 18.9.2017, 15:29; Ответить: Olya_Poy
Сообщение #3


(Degradator @ 18.9.2017, 18:19) *
Ты либо сделай какой-то пример, в который можно будет потыкать, например тут - https://jsfiddle.net/
либо удаляй куски своего кода пока оно не заработает как надо. Для начала удали весь свой css, пускай останется только бутстрап.


я уже и на хостинге проверяла
http://garmoni.inf.ua/

сетка может и на before действовать?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 18.9.2017, 17:16; Ответить: Degradator
Сообщение #4


Вот это убери:
.top-text {
margin: 40px;
}

Фронт-енд девелопер, учись пользоваться инструментами разработчика!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Olya_Poy
Olya_Poy
Topic Starter сообщение 18.9.2017, 17:47; Ответить: Olya_Poy
Сообщение #5


(Degradator @ 18.9.2017, 20:16) *
Вот это убери:
.top-text {
margin: 40px;
}

Фронт-енд девелопер, учись пользоваться инструментами разработчика!


Вроди убирала раньше не помогало, сейчас помогло. Спасибо!
с before что не так ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Olya_Poy
Olya_Poy
Topic Starter сообщение 19.9.2017, 9:45; Ответить: Olya_Poy
Сообщение #6


Уже поняла. Перенос из за H4 :wacko:

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыСетка сайтов - Каталоги компаний
Сетка сайтов - Каталоги компаний
0 faqbill 2329 7.10.2021, 12:34
автор: faqbill
Открытая тема (нет новых ответов) PBN Ссылки под БУРЖ (с главных страниц и статей). Личная сетка | Тематичное соседство
0 PBN_Links_Sale 1466 12.7.2021, 11:20
автор: PBN_Links_Sale
Открытая тема (нет новых ответов) Clickgate - FX/CRYPTO сетка
0 Andreyc90 2254 16.4.2021, 20:57
автор: Andreyc90
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыWeb-разработка (C++/PHP/SQL/JS/Bootstrap). HighLoad проекты.
0 DF™ 1420 28.7.2020, 13:24
автор: DF™
Открытая тема (нет новых ответов) Рекламная сетка MobBob
Лучший источник проверенного трафика
0 АлиБоб 1078 7.4.2020, 19:59
автор: АлиБоб


 



RSS Текстовая версия Сейчас: 29.3.2024, 0:28
Дизайн