• Реализация на flexbox?

    vladqwerty
    @vladqwerty
    Web developer
    На самом деле нет ничего трудного, задайте блоку-контейнеру position: flex; Дочерним элементам задайте соотношение, например левому и правому блоку flex: 4, а центральному flex: 1; (первый параметр задает свойство grow), потом по ситуации добавьте flex-wrap: wrap, если хотите чтобы ваши блоки шли в разметке "сплошняком" друг за другом и задайте им flex-basis, в зависимости от минимальной ширины контейнера, или оберните каждую строку в отдельный контейнер, а дочерние блоки порадуйте свойством justify-content: space-between;
    А когда будет необходимо менять местами правый и левый блок, используйте чудесное свойство order.
    Удачи)
    Ответ написан
    2 комментария
  • Как растянуть header на 100%?

    vladqwerty
    @vladqwerty
    Web developer
    Просто добавь стиль после бутстраповских:
    #main_header > .container {
        padding: 0;
        margin: 0;
        max-width: 100%;
    }

    Чтобы иконка меню смотрелась как надо:
    h2.pull-right.toggle {
        padding: 0px 15px;
        margin: 13px 0 12px;
    }

    Для фикса кнопки Publish your ad for free :
    .head_btn .publish {
        float: right;
        padding-top: 0;
    }

    Для фиксации меню:
    body.has-searchbox.home {
        padding-top: 45px;
    }
    #main_header {
        position: fixed;
        top: 0;
    }

    Кажется ничего не забыл)
    Ответ написан
    3 комментария
  • Как настроить маршрутизацию в express.js 4.+.+?

    vladqwerty
    @vladqwerty
    Web developer
    В одном из проектов у меня настроено все так:
    var express = require('express');
    var routes = require('./routes/index');
    var api = require('./routes/api');
    
    var app = express();
    
    app.use('/', routes);
    app.use('/api', api);

    содержимое api.js
    var express = require('express');
    var router = express.Router();
    router.get('/doc/all', function(req, res) {
      var query = "SELECT * FROM lectures";
      db.query(query,function(err,rows){
        if (!err) {
          console.log("User request all Docs");
          res.json(rows);
          }
        else
          console.log('Error while performing Query.');
      });
    });
    
    router.get('/doc/:docId/answers', function(req, res) {
      var query = "SELECT  answers.vopr_id AS qid, answers.id, " +
          "answers.text AS atext, answers.sequence, answers.truth  " +
          "FROM answers, questions " +
          "WHERE answers.vopr_id = questions.id " +
          "AND questions.doc_id = ?";
    
      var docID = [req.params.docId];
      console.log("User request answers for document with ID: " + req.params.docId);
      query = mysql.format(query,docID);
      db.query(query,function(err,rows){
        if (!err)
          res.json(rows);
        else
          console.log('Error while performing Query.');
      });
    });
    module.exports = router;
    Ответ написан
    9 комментариев