부모 플렉스 컨테이너 너비와 어린이 플렉스 컨테이너 내용 너비가 맞지 않는 문제가 있습니다. 나는 HTML 구조 다음 한 부르마를 사용 .signup-form {
display:inline-flex;
align-items: center;
} <div class="body">
<div class="is-a
레일즈 앱과 함께 Bulma CSS 프레임 워크를 사용하고 있습니다. 아이템 목록이 길어서 타일로 표시하고 싶습니다. 그러나 타일은 다음 줄로 줄 바꿈 대신 화면에서 벗어납니다. Bulma Documentation는이 문제를 해결하지 않습니다. 가변 길이 목록에서 타일을 동적으로 생성하기 때문에 문서에 설명 된 명시 적 중첩이 쉽지 않고 차선으로 정리하는
저는 VueJS과 Webpack이라는 새로운 세계에 상당히 익숙하므로 도움이 필요합니다. 나는 명령 vue init webpack my-project
으로 콘솔을 통해 VueJS 및 Webpack를 설치 한이 후 나는이 디렉토리에 bulma CSS Framework를 설치했습니다. npm install bulma
와 나는 variables.scss
내가 말대꾸로 수정해야 // Override initial variables here
// You can add new ones or update existing ones:
$blue: #72d0eb // Update blue
$pink: #ffb3b3 // Add pink
$family-serif: "Georgia", serif // Add a
벌마가 가로 탭을 세로 탭으로 만드는 간단한 CSS 코드가 있습니까? (아래 샘플) 난 그냥 자신의 CSS를 덮어 쓰려면 <div class="tabs">
<ul>
<li class="is-active"><a>Pictures</a></li>
<li><a>Music</a></li>
<li><a>Videos</a></li>
다른 라이브러리의 경우 input.sass을 output.css으로 간단하게 변환하는 명령을 터미널에서 실행했지만 이것은 처음 scss를 사용하는 것입니다. 그것은 나에게 새로운 것이기 때문에. 은 내가 style.css을 요구해야하는 index.html과 프로필을 가지고,하지만 난이 형식으로 현재 bulma 디렉토리에서 생성이 style.css이 필요합니
필자는 flexbox에 대한 많은 경험이 없습니다. 내 이해는 'is-expanded'는 빈 공간이 무엇이든 입력 내용이 채워지도록합니다. 그러나 nav/level 내부에서는 작동하지 않는 것 같습니다. 여기에 동작하는 예제입니다 : 이 enter link description here
내가, NPM을 통해 패키지를 뽑아 드롭 다운 구성 요소가 버튼 모듈을 선택 한 이없는 CSS 프레임 워크 부르마로 내 웹 사이트의 UI를 드롭 구성 요소를 사용 싶지만, 꿀꺽 빌드를 실행하고의 .js 및 .CSS 파일 를 생성하지만이 파일에 액세스하려고하면 나는 어디에서 잘못 가고 mysite.dev/semantic/dist/components/dropd
Bulma CSS framework을 사용하십시오. 일부 요소를 배치하려고하는데 왜 바탕 화면보기에서 항목이보기 포트를 통과하면 항목이 다음 행으로 이동하지 않는지 확실하지 않습니다. 는 여기 JS 빈에 대한 샘플 코드 및 해당 링크입니다 : 내가 문제를 설명하는 간단한 JS 빈을 만든 <!DOCTYPE html>
<html>
<h