Show several questions in one line/row.

Source code: Survey setup
Survey.defaultBootstrapCss.navigationButton = "btn btn-primary";
Survey.Survey.cssType = "bootstrap";
var survey = new Survey.Model({
 questionTitleLocation: "bottom", showQuestionNumbers: "off",
 pages: [
  { name: "Address",  title: "Address",
   questions: [
    { type: "text", name: "address1", title: "Street Address" },
    { type: "text", name: "address2", title: "Address Line 2" },
    { type: "text", name: "city", title: "City" },
    { type: "text", name: "state", startWithNewLine: false, title: "State / Province / Region" },
    { type: "text", name: "zip", title: "Zip / Postal Code" },
    { type: "dropdown", name: "country", startWithNewLine: false, title: "Country",
        choicesByUrl: {url: "http://services.groupkt.com/country/get/all", path: "RestResponse;result", valueName: "name"}    }
   ]
  }
 ]
});

function onAngularComponentInit() {
    Survey.SurveyNG.render("surveyElement", {model:survey});
}
var HelloApp =
    ng.core
        .Component({
            selector: 'ng-app',
            template: '<div id="surveyContainer" class="survey-container contentcontainer codecontainer">' +
            '<div id="surveyElement"></div></div>'
        })
        .Class({
            constructor: function() {
            },
            ngOnInit: function() {
                onAngularComponentInit();
            }
        });
document.addEventListener('DOMContentLoaded', function() {
    ng.platformBrowserDynamic.bootstrap(HelloApp);
});

Set question.startWithNewLine property to false (true by default) to show it on the same line with the previous question.

Change question title location: default is 'top'.

survey.questionTitleLocation = 'yourValue'; survey.render();