부트스트랩 기본 공부중.. 정보
부트스트랩 기본 공부중..
본문
에 이런 사이트를 알게 됫네요
어느분 댓글에서 본 거 같은데..
웹퍼블리싱을 저 나름대로
재밋는 공부법으로 접근해보려 합니다.
-
퍼블리싱은 보통 이렇죠
1. 디자인 작업물을 본다 (or 화면 기획을 한다)
2. html 코드를 짠다. (러프하게 div > ul > li, dt dd 등등)
3. 스타일을 먹여본다.
4. 원하는대로 안나오면 html 코드를 바꿔가면서 스타일을 먹인다. (dom 구조 변경)
5. js 를 적용한다 (인터렉션 효과)
6. 완성한다.
이때 항상 고민되는게 2번인데요
이때 https://pingendo.com/ 이 곳의 프로그램을 써보려합니다.
부트스트랩 네비게이션바는 어떻게 하나 ?
div.navbar+nav+ 등등등 엄청나게 클래스도 길고
돔 구조도 헷갈리고.. .컨테이너는 밖에 있어야되나 안에 있어야되나?
위 프로그램에서 기준을 잡아줄 수 있을것 같습니다.
개인 블로그 글이 아니라 너무 막쓰긴 했는데
부트스트랩 공부해보고 노하우가 생기면
냑에도 남기겠습니다 충성충성충성 ~
추천
2
2
댓글 16개

오호 재미난 툴이네요.

@해피정 참 이 세상엔 능력자가 많음을 다시 한번 느낍니다 해피정님도요 ㅎㅎ

제가 제공하는 무료강좌도 있고, 유료강좌도 있습니다..
부트스트랩 자료는 구글링해보면 참 많이 나옵니다.. 빌더도 그렇고... 템플릿도 그렇고..
부트스트랩 자료는 구글링해보면 참 많이 나옵니다.. 빌더도 그렇고... 템플릿도 그렇고..

@365ok 부트스트랩이 결국엔 html을 쉽게 만드는데 있어서 html 만을 만지냐 css를 안건드냐 이 차이만 있는게 아닌가 싶어요 ㅎㅎ

노인네들이 부트스트랩을 활용한 디자인을 안좋아 한다는게 문제죠.

제가 올린 테마도 와꾸 잡을때 이걸 썼었죠

@승희아빠 의외로 미리 사용하고 계신 선구자분들이 많으시네요 ㄷㄷㄷ


@Rido 해커가 rido.gnupark.com에서 정보(예: 비밀번호, 메시지, 신용카드 등)를 도용하려고 시도 중일 수 있습니다. 자세히 알아보기
NET::ERR_CERT_COMMON_NAME_INVALID 이렇게 나요네요 ;;;
NET::ERR_CERT_COMMON_NAME_INVALID 이렇게 나요네요 ;;;

@탈환대 헐.. 해커 -ㅂ- 링크일단 잘못올렸네요 ㅋㅋ 하단에 카피링크 타고가시면 될거 같습니다.

@탈환대 아.. 아파치님 서버가 문제가 있었더랬네요 ㅋ
rido.apachezone.com
주소 바꿔주셨네요 ㅋ
템플릿 주소는
https://tabler.io/tabler/index.html
여기로 가시면 됩니다.
rido.apachezone.com
주소 바꿔주셨네요 ㅋ
템플릿 주소는
https://tabler.io/tabler/index.html
여기로 가시면 됩니다.



제가 보고있는곳 3군데 입니다 ^^

@Rido 좋은 템플릿들이네요 공유해주셔서 감사합니다, 다만 알아야 저런것들도 눈에 들어올텐데 ㅎㅎ;;

부트 스트랩을 사용하면 디자인이 더욱 놀라워집니다
https://www.getwebtheme.com/free-responsive-website-templates
https://www.getwebtheme.com/free-responsive-website-templates