Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
  • Aug 17 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 17:13
    @mstellaluna banned @cmal
  • Jan 08 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
  • Jul 29 2018 01:00
    @bjorno43 banned @jkyereh
  • Jul 10 2018 22:09
    @bjorno43 banned @manafn
  • Jul 06 2018 15:20
    @texas2010 banned @imlegend19
  • Jul 03 2018 12:28
    @bjorno43 banned @vbvmatta
  • Jun 29 2018 13:54
    @bjorno43 banned @OGTechnoBoy
alpox
@alpox
and you didn't include jquery and bootstrap js
@Kuklus23 http://getbootstrap.com/components/#navbar
Take a look over this doc for/from boostrap
Konstantin
@Kuklus23
@alpox I not learn this
alpox
@alpox
@Kuklus23 Yeah i know :-) at this point one has to get used to use documentations, references, and search the web
Konstantin
@Kuklus23
@alpox (
@alpox Yet problem with css. I use class "container" and now I can't change css.
@alpox I can't change background and border-radius
for divs
alpox
@alpox
@Kuklus23 It seems that you set border-radius and background successfully
@Kuklus23 But if you want to change the background color for the container, set it on the container.
Konstantin
@Kuklus23
@alpox I can't change background for .first-section
@alpox and I want do border-radius for container 0px, but can't do this
Nathan
@natertot12
Does anyone have any good css tutorials for making css toggles and other cool css things?
jameslw
@jameslw
h
alpox
@alpox
@Kuklus23 You cannot change it because you have a border-radius. If you set a background, it has the round size too. So its all behind your picture
@Kuklus23
.container .jumbotron {
  border-radius: 0;
}
Konstantin
@Kuklus23
@alpox Thank you
CamperBot
@camperbot
kuklus23 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:star: 598 | @alpox | http://www.freecodecamp.com/alpox
Konstantin
@Kuklus23
@alpox But I not understand what do with background
alpox
@alpox

@Kuklus23

.first-section {
  background-color: blue;
}

Did you want something like that? (Well, terrible color now...)

Konstantin
@Kuklus23
@alpox not work this
alpox
@alpox
@Kuklus23 it does on small screen, it collapses on big screen. The problem you have, is that you use a jumbotron as first sub-element of container
Konstantin
@Kuklus23
@alpox bg not changed
alpox
@alpox
Usually you have the outer container, followed by a row, followed by columns
Bootstrap just works this way
The jumbotron messes quite some things up in your layout
Konstantin
@Kuklus23
@alpox row work without jumbotron?
alpox
@alpox
@Kuklus23 Well, i think row works almost NOT with jumbotron :D
The row only wants that there is a container as one of its ancestors

@Kuklus23 Another way round is as the bootstrap suggests:

To make the jumbotron full width, and without rounded corners, place it outside all .containers and instead add a .container within.

Konstantin
@Kuklus23
@alpox I understand. Thank you!
CamperBot
@camperbot
kuklus23 sends brownie points to @alpox :sparkles: :thumbsup: :sparkles:
:warning: kuklus23 already gave alpox points
alpox
@alpox
<div class="jumbotron">
  <div class="container">
    ...
  </div>
</div>
Konstantin
@Kuklus23
@alpox You know why to the right of header free place?
alpox
@alpox
@Kuklus23 Yes, the header doesn't fully expand using .container.
@Kuklus23 You can try .container-fluid instead
But it tries to get some space there for that it doesn't just stick to the right
I think thats normal bootstrap behaviour
Paweł Przytuła
@paprzytula
?
hello
Konstantin
@Kuklus23
http://codepen.io/Kuklus23/pen/BKPErL?editors=1100 @alpox
not work and bg for .first-section also not change
alpox
@alpox
This message was deleted
Konstantin
@Kuklus23
without him navbar not changed too
very hard
alpox
@alpox

@Kuklus23

.first-section {
  margin: 0 30px;
  background: blue;
  display: inline-block;
}

You can try this

But actually i would go with proper columns
@Kuklus23
<div class="col-md-12 first-section">
.first-section {
  margin: 0 30px;
  background: blue;
}