Layout Width

ページ名:Layout Width

 

 

2カラム fluid width

/* fluid width */
body>div.uk-container.uk-container-center{
width: auto;
}
body>div.uk-container.uk-container-center>div.uk-grid>div[class*=uk-width-].main_content{
width: calc(100% - 230px);
}

 

3カラム fluid width

/* fluid width */
body>div.uk-container.uk-container-center{
width: auto;
}
body>div.uk-container.uk-container-center>div.uk-grid>div[class*=uk-width-].sidebar.left_side {
width: 210px;
}

body>div.uk-container.uk-container-center>div.uk-grid>div[class*=uk-width-].sidebar.left_side+.main_content {
width: calc(100% - 450px);
}

body>div.uk-container.uk-container-center>div.uk-grid>div[class*=uk-width-].sidebar.right_side {
width: 210px;
}

 

 

シェアボタン: このページをSNSに投稿するのに便利です。

コメント

返信元返信をやめる

※ 悪質なユーザーの書き込みは制限します。

最新を表示する

NG表示方式

NGID一覧