Здарова всем.

Так как на д2ру прогеры это в основном фронтеры, нужна ваща помощь, почему-то не работает бутстрап, а точнее сломанный.

Скачал с офф сайта, поставил в проект и все сломано.

Тоесть без бутстрапа нормально, а с бутстрапом вот так

Спойлер: "page"

из-за чего это может быть?

может ли быть из-за того, что как видите там у меня ico от React`a, тоесть в кэше остался видимо другой проектик на том же порту?

открой консоль и посмотри ошибки

Just_a_fire сказал(а):↑

открой консоль и посмотри ошибки

Нажмите, чтобы раскрыть...

пусто, нет ошибок

Без исходного кода не разобраться. Какая версия? 3? 4?

Скорее всего в вёрстке ты не добавил div.col-md-*.

У .row margin-left отрицательный

 Исходники в студию + посмотри какие классы применяются к элементам в консоли и что они вообще делают p.s найс замазал расширения красным

Just_a_fire сказал(а):↑

Без исходного кода не разобраться. Какая версия? 3? 4?

Скорее всего в вёрстке ты не добавил div.row.

У col-md-* margin-left отрицательный

Нажмите, чтобы раскрыть...

я скопипастил шаблон. 

Спойлер: ".css"

body {
    padding-top: 65px;
}
textarea {
    width: 100%;
    height: 200px;
}

Спойлер: "div"

salah сказал(а):↑

может ли быть из-за того, что как видите там у меня ico от React`a, тоесть в кэше остался видимо другой проектик на том же порту?

Нажмите, чтобы раскрыть...

Нет, потому что:

salah сказал(а):↑

Тоесть без бутстрапа нормально, а с бутстрапом вот так

Нажмите, чтобы раскрыть...

 

Тхить Куанг Дык сказал(а):↑

Нет, потому что:

 

Нажмите, чтобы раскрыть...

так причем тут, страничка новая, поэтому и так, я же не импортировал старый хтмл и в нем ковыряюсь

salah сказал(а):↑

я скопипастил шаблон. 

Спойлер: ".css"

body {
    padding-top: 65px;
}
textarea {
    width: 100%;
    height: 200px;
}

Спойлер: "div"

Нажмите, чтобы раскрыть...

ты выложил только код блока навигации. Нужен блок формы

Just_a_fire сказал(а):↑

ты выложил только код блока навигации. Нужен блок формы

Нажмите, чтобы раскрыть...

да сорян 

Спойлер: "form"

    
    
    
        
            
            
                Title
                
            
            
                Content
                {{.Content}}
            
            Submit
        
    
    
        {{ if .Id }}
            Delete
        {{ end }}
    

salah сказал(а):↑

так причем тут, страничка новая, поэтому и так, я же не импортировал старый хтмл и в нем ковыряюсь

Нажмите, чтобы раскрыть...

Нихрена не понятно. То, что на скрине, оно выглядело точно так же до подключения бутстрапа или как-то иначе?

Ты бутстрап вообще подключил или тупо разметку из примеров копипастишь?

попробуй Container Убрать. там изврат идёт c комбинацией .row && .container

а ещё есть вкладка computed в стилях. и там всё видно, что и откуда приходит(или не дозагрузилось)

ещё есть вероятность, что ссылки внутри стилей на зависимые файлы битые(не туда смотрят), то есть не весь cssподтянулся

 

Тхить Куанг Дык сказал(а):↑

Нихрена не понятно. То, что на скрине, оно выглядело точно так же до подключения бутстрапа или как-то иначе?

Ты бутстрап вообще подключил или тупо разметку из примеров копипастишь?

Нажмите, чтобы раскрыть...

Спойлер: "без бутстрапа"

замени классы col-xs-4 на col-md-4

salah сказал(а):↑

Спойлер: "без бутстрапа"

Нажмите, чтобы раскрыть...

Содержимое head покажи.

Just_a_fire сказал(а):↑

замени классы col-xs-4 на col-md-4

Нажмите, чтобы раскрыть...

спасибо, стало лучше, но еще не так как должно быть.

а тут xs менять на md? 

Спойлер: "index"

    
    
    
        
{{ $value.Title }}
    
    
    
    
    
    
        {{ $value.Content }}
    
    
    

 

Тхить Куанг Дык сказал(а):↑

Содержимое head покажи.

Нажмите, чтобы раскрыть...

Спойлер: "вот"

 

упс 

Спойлер: "вот2"

salah сказал(а):↑

спасибо, стало лучше, но еще не так как должно быть.

а тут xs менять на md? 

Спойлер: "index"

    
    
    
        
{{ $value.Title }}
    
    
    
    
    
    
        {{ $value.Content }}
    
    
    

 

Спойлер: "вот"

 

упс 

Спойлер: "вот2"

Нажмите, чтобы раскрыть...

Это бутстрап

link href="/assets/css/bootstrap.min.css" rel="stylesheet"

А это видимо твои кастомные стили

link href="/assets/css/app.css" rel="stylesheet"

 

Первыми подключи свои стили, а вторыми стили бутстрапа. Есть вероятность, что твои стили переопределяют стили бутстрапа.

salah сказал(а):↑

спасибо, стало лучше, но еще не так как должно быть.

а тут xs менять на md? 

Спойлер: "index"

    
    
    
        
{{ $value.Title }}
    
    
    
    
    
    
        {{ $value.Content }}
    
    
    

 

Спойлер: "вот"

Нажмите, чтобы раскрыть...

Классы col-xs-* задают ширину при максимальной ширине экрана 767 пикселей. Они будут работать только тогда, когда ты сузишь окно браузера.

А лучше потрать несколько дней на хорошее изучение верстки и стилей. И только потом используй библиотеки типа бутстрапа.

Тхить Куанг Дык сказал(а):↑

Это бутстрап

link href="/assets/css/bootstrap.min.css" rel="stylesheet"

А это видимо твои кастомные стили

link href="/assets/css/app.css" rel="stylesheet"

 

Первыми подключи свои стили, а вторыми стили бутстрапа. Есть вероятность, что твои стили переопределяют стили бутстрапа.

Нажмите, чтобы раскрыть...

попробовал, нет(

salah сказал(а):↑

попробовал, нет(

Нажмите, чтобы раскрыть...

Тогда залей все куда-нибудь и кинь сюда ссыль 

Just_a_fire сказал(а):↑

Классы col-xs-* задают ширину при максимальной ширине экрана 767 пикселей. Они будут работать только тогда, когда ты сузишь окно браузера.

А лучше потрать несколько дней на хорошее изучение верстки и стилей. И только потом используй библиотеки типа бутстрапа.

Нажмите, чтобы раскрыть...

фи)

ну типа там много чего не так, уже оптимизировал под экран, но некоторые стили просто игнорятся.

Спойлер: "у меня"

Спойлер: "должно быть"

нагромождение дивов, спанов и бессмысленных классов. От этого кода ни у кого глаза не болят?

IndiGo(real) сказал(а):↑

нагромождение дивов, спанов и бессмысленных классов. От этого кода ни у кого глаза не болят?

Нажмите, чтобы раскрыть...

у меня болят

Тхить Куанг Дык сказал(а):↑

Тогда залей все куда-нибудь и кинь сюда ссыль 

Нажмите, чтобы раскрыть...

https://github.com/korzh17/goapp

salah сказал(а):↑

https://github.com/korzh17/goapp

Нажмите, чтобы раскрыть...

Что-то такое тебе нужно? Навбар у верхнего края?

Спойлер:

Я не пользовался bootstrap, но судя по твоим исходникам у тебя ещё есть bootstrap.min.js , который ты не подключил в header, может дело в этом?