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"}    }
   ]
  }
 ]
});

ReactDOM.render(<Survey.Survey model={survey} />, document.getElementById("surveyElement"));

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();