Ответы пользователя по тегу Bootstrap
  • Как сделать такой же навбар?

    @ma4t
    не понял в чем трудность.

    <div class="main">
    		<div class="wrap">
    				<div class="block">Projects</div>
    				<div class="block">News</div>
    				<div class="block">Shop</div>
    				<div class="block">About</div>
    				<div class="block">Contact</div>
    				<div class="block">Home</div>
    		</div>
    	</div>


    .block {
    			margin-bottom: 10px;
    		}
    
    		.block:last-child {
    			margin-bottom: 0;
    		}
    
    		@media (min-width: 768px) {
    			.main {
    				display: flex;
    				justify-content: center;
    			}
    
    			.wrap {
    				display: flex;
    			}
    
    			.block {
    			margin-right: 10px;
    			}
    
    			.block:last-child {
    				margin-right: 0;
    			}	
    		}


    делаете их дивками или что у вас там, если не див, пишите дисплей: блок

    так как это блоки они встают друг под друга

    а потом медиа запросом например начиная с планшет (768рх)

    пишите родителю флекс и он встает как надо и самого родителя центрируете.
    Ответ написан
    3 комментария